Hi,
I’ve been reading the thread on row spacing in page builder (v 2.0.7), but the solutions seem to be global. Is there a way to reduce spacing between specific rows in the attribute/css? I’m referring to specific elements on the homepage.
Thanks,
Jeff
Hi Jefffski
Which elements would you want to reduce space between, please let me know so that I come up with a tested solution for you.
Looking forward to hear from you
any two rows
on my page, have a look at the heading “Our Favourite Videos” and the video beneath it. I would like to bring them closer together.
http://beavercanoeclub.org/
i tried this in the attribute/css styles of the widget:
apply_filters(\’siteorigin_panels_css_row_margin_bottom\’, $panels_margin_bottom.\’0px\’, $grid, $gi, $panels_data, $post_id).
i think i need help with the code.
i am using responsive mobile on wordpress 4.1
Thanks,
Jeff
Hi Jefffski,
You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
#panel-1926-0-1-7 { margin-bottom:5px!important; }Let me know if it works for you
Cheers
I do not have custom css in appearance. My theme does have a css styles. I added your code there to no effect. I also added it to the attribute/css styles of the widget in question, also to no avail.
One thing that did work, but globally, was in the general settings, by changing the pixel size in the row bottom margin pixels.
Is there a way to effect this code in the widget attributes?
thanks
Hi Jefffski
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
This is a private message.
This is a private message.
Hi Jefffski
I have placed the above code via Appearance > editor on the style.css file. Please take a look and let me know if it meets your needs.
Note: You can adjust the size in px.
That’s cool. Thanks you. How do you determine what panel number it is?
Hi Jefffski
Am glad that ironed out your issue. If you use Inspect Element options provided by browsers, it can assist you on knowing this. (https://developer.chrome.com/devtools/docs/dom-and-styles)
I hope that helps :-)
Cheers
mostly done. I could not manage to fix the headings on the “Where we paddle” page. I used the following code:
#panel-1920-1-0-0 {
margin-bottom:0px!important;
}
#panel-1920-1-1-0 {
margin-bottom:0px!important;
}
#panel-1920-0-0-0 {
margin-bottom:0px!important;
}
are you there?
Hi Jefffski
First of all I apologize for the delayed response.
You can change this with some custom CSS. Try this out
#pg-120-1, #pg-120-2, #pl-120 .panel-grid-cell .panel { margin-bottom:-20px !important; }Let me know if it works out for you
Cheers
yay! thanks so much.
jeff
Perfect :-)
Always feel free to open a new thread whenever you require support
Cheers