Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2024 at 1:32 pm #1465344
    the_digital_manager

    I placed a script in a footer widget and i see quite some padding/margin around this element. I’m not sure if this is due to the script, or due to enfold, hence I’d like to check here.

    If it is enfold, then how do i get right of the margin/padding around it? Ideally the content of the script nicely aligns with the titel of the widget (content aligned left without box around it)

    https://schoonheidsinstituutdiane.nl/ (is salonized review element under ‘reviews’ in the footer)

    script in private content

    August 25, 2024 at 2:45 pm #1465348
    Mike

    Hey Peter,
    In this screenshot the green is the padding:
    Screen Shot 2024 08 25 at 8.28.17 AM
    I assume that you want to remove this, but unfortunately this is loaded as a iframe so you can not remove it, it needs to be adjusted where the iframe comes from.
    Another option is to add the same padding to the widget title and the image below it and then remove the same amount of margin from the column.

    #footer #text-6 h3.widgettitle,
#footer #media_image-3 {
	padding-left: 24px;
}
#footer .flex_column.av_one_third:nth-child(3) {
	margin-left: calc(6% - 24px);
}

    Screen Shot 2024 08 25 at 8.44.14 AM

    Best regards,
    Mike

    December 20, 2024 at 3:26 pm #1474064
    the_digital_manager

    Hi Mike, do I add this to custom CSS? Or elsewhere?

    December 20, 2024 at 4:55 pm #1474067
    Mike

    Hi,
    In the theme Quick CSS

    Best regards,
    Mike

    December 21, 2024 at 12:25 pm #1474103
    the_digital_manager

    I’m asking as I placed the CSS before in Quick CSS and it did nothing :/ can you advice (it’s added now)

    December 21, 2024 at 2:18 pm #1474105
    Mike

    Hi,
    It looks like your widget title is now a “p” instead of a “h3”, so try this css instead:

    #footer #text-6 p.widgettitle,
#footer #media_image-3 {
	padding-left: 24px;
}
#footer .flex_column.av_one_third:nth-child(3) {
	margin-left: calc(6% - 24px);
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 21, 2024 at 3:21 pm #1474109
    the_digital_manager

    works like a charm, thanks!

    December 21, 2024 at 4:18 pm #1474112
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Padding/margin in widget around script’ is closed to new replies.