Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2018 at 10:24 pm #1020072
    Susanne

    Hi there,
    how can I add a padding of about 10px around an image embedded into a text? At the moment, there is hardly any padding between pic and text.
    URL: http://www.andaanastasescu.co.uk

    Thanks!

    October 11, 2018 at 6:55 am #1020203
    Rikard

    Hey Susanne,

    You can assign a class to your image, for instance image-custom-padding, then you can use CSS like this:

    .image-custom-padding {
  padding:20px !important;
}

    Best regards,
    Rikard

    October 11, 2018 at 10:51 am #1020260
    Susanne

    Thank you, Rikard. How do I assign a class like image-custom-padding?
    In the stylesheet?
    I added this code to the stylesheet of Enfold child:
    .image-custom-padding {
    padding:20px !important;
    }
    But nothing changes. Have I add something more? If so, where?
    And how do I “assign a class” to the website?
    Sorry, I’m quite an ignorant coder…

    Thanks!

    October 12, 2018 at 4:29 am #1020561
    Rikard

    Hi,

    You can activate the option to assign classes to builder elements under Enfold->Layout Builder, or you can add the class directly to code if you are adding the image in a text block or similar.

    Best regards,
    Rikard

    October 12, 2018 at 5:21 pm #1020749
    Susanne

    Thank you very much, Rikard. This work very well!
    The topic can be closed now.
    Best wishes,
    Susanne

    October 12, 2018 at 5:26 pm #1020750
    Jordan Shannon

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘more padding around pictures’ is closed to new replies.