How do you adjusting text when using a Full Screen widget?

Asked on January 18, 2016 in How To.

Hello,

Is it possible to add a margin or padding to the left or right of text
when setting a widget to full screen? My text currently buts up to the edge
of the browser but I would like to give it some breathing room.

Using the browser inspector I notice it comes up with “div.media-body.text-center”
is this the container I should be pointing my CSS code towards?

All help appreciated.

Rickerby Layers User
Reply
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on January 20, 2016.

    You should be able to do it with the advanced settings in the widget? Just use the padding boxes here and add it in to the left or right.

    If you want to add it manually using css to just one column (rather than the whole row) then use your browser inspector to target the column id (for example layers-widget-column-16-823) and then add

    
    #layers-widget-column-16-823 {
    
    padding-left:10px;
    
    }
    
    

    alternatively, if you want to create a blanket rule, add a class to your column that you wish to add padding to (do this by clicking on the advanced setting in the column – not the row) and add your class, for example extra-padding

    then in your css (I’d recommend getting devKit if you haven’t already) you can type:

    
    .extra-padding {
    
    padding-left:10px;
    
    }
    
    

    Hope that helps

    Thank you Sam, your answer help a lot!

    on January 28, 2016.
    Reply