Archived topic
widget padding using Beaver Builder shortcode
3 replies · Started by Hugues on April 18, 2017
Hi Tom,
I have a small CSS challenge I can't seem to work out.
In the first side bar widget of this page I am calling a BB template using a shortcode - all good so far.
https://e-ha.co.uk/reclaimed/blog/
I've added css to get rid of the white padding built into the theme, as I'd like the full dark green background:
#text-3 {
padding:0px;
}
The only thing I am struggling with is keeping the bottom padding I have included in the BB row I am calling there. It seems to be over-written and I can't figure out a clean way to put it back in so there is an equal amount of dark green background below the last button as above the top button.
I can see what's causing it in the inspector - see 2 screen shots attached and I can get close to solving it if I add css like this:
.sidebar .widget :last-child {
margin-bottom: 3px;
}
BUT this also adds a white band at the bottom...
Can you help please /
Thanks in advance
Hugues
Hi Hugues,
Try this:
.fl-node-58f2354ebc03b > .fl-module-content {
margin-bottom: 20px !important;
}Let me know.
Hi Leo,
That was fast :-)
Sadly this doesn't change the result - BUT it made me think about something else...
It is now solved: I added 20px of bottom padding to the beaver builder row template and it works - I should have checked that first: it was set to 0, sorry to have troubled you but thank you for making me think about it differently :-)
Hugues
Glad I could help!
