Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 4, 2018 at 10:43 am #1017804
    Louise_Brace

    I added a quick css code to increase the padding on the main text sections across all of my pages. But this makes some of the smaller column texts really skinny. Can I individually change the padding in the text box itself by adding some further code?

    October 4, 2018 at 11:46 am #1017842
    Rikard

    Hey Louise_Brace,

    I’m not sure what element you are using, could you post a link to where we can see the results you are getting please? If you want to apply classes to individual elements then you can do so by activating the Show element options for developers under Enfold->Layout Builder.

    Best regards,
    Rikard

    October 5, 2018 at 10:05 am #1018200
    Louise_Brace

    The site isn’t live, but you can access the site with the access details below.

    I have already activated the Show element options, so I just really need to know what css code to add in to change the cell padding sizes. At the moment I have it in quick css as 75px left and right i.e.
    .avia_textblock { padding-left: 75px;
    padding-right: 75px;

    I need to adapt a few text blocks which are already narrow column blocks, as this padding makes the column super skinny.

    October 5, 2018 at 11:00 am #1018237
    Rikard

    Hi,

    Ok great, so if you want to apply a class to that text block you could add my-text-block to the CSS class, then in Quick CSS you could add this:

    .my-text-block {
  padding-left: 75px;
  padding-right: 75px;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.