Okay
  Public Ticket #1915723
CSS custom to change a layer's size
Closed

Comments

  • Alejandro started the conversation

    Hi Attila! 

    So I have embedded a google calendar within a pop-up LayerSlider (plug ins to make the calendar beautiful are not cheap).

    But in the code of the embed, the calendar size in pixels is established.

    So I'd need to know if there's a way to overwrite that size with CSS code in the layer's custom CSS field?

    Thank you!

  • [deleted] replied

    Hello Alejandro,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    When you embed content from an external source (for example with shortcode), the slider only displays the data that it receives. Basically, the content is generated by the origin of the calendar and LayerSlider only displays it. So in this case you cannot really edit the calendar using LayerSlider, you have to change its source.

  • Alejandro replied

    Yes, I understand, however when I adjust the size of the calendar in the options it looks good, the problem is with the different screen sizes.

    So is there a way in which through CSS I could say "set the width of this layer to 80% the screen width, height", etc.?

  • Alejandro replied

    Geez!!! This was so easy!

    I simply put:

    width: 90%;
    height: 90%;

    On the layer's (embedded google calendar) custom CSS and that did the trick!


  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. You can also use the built-in width and height options to size layers. These fields also accept percentages. Usually, the Styles tab of the layers provides every option that you would do with CSS.