Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi Guys,
So I watched the quick video on Youtube : https://www.youtube.com/watch?v=mL6iIV7JxLo
All in all it’s a great quick walk through. However, I have a question concerning how to make the space/gap in between columns closer as it’s a bit too wide for my liking on the WP 2012 theme.
I have tried to locate where to do so using firebug, but I’m still a novice when it comes to this tool.
Can anyone tell me which files/code I can edit to do so? (be great if this was a built in feature actually…)
Appreciated,
Thanks!
[IMG]http://i60.tinypic.com/2z9m7ht.png[/IMG]
Hi. Please head to Settings > Page Builder. The left / right margin setting is currently operational but we do have a bug with bottom margin which we’re hoping to resolve. Right now it will default to 35px. To adjust the bottom margin try the following in the Jetpack Custom CSS module or any other Custom CSS plugin:
/* Adjust Page Builder panel bottom margin */ .panel-grid-cell .panel { margin-bottom: 35px !important; }Thanks for the fast response!
Will try!
Super, hope that solves the problem for you.
Hi,
So it seems to work on the top banner above the video, but not on the bottom banner oddly for some reason.
I even tried adding this css code as well:
/* Adjust Page Builder panel top margin */
.panel-grid-cell .panel {
margin-top: 35px !important;
}
but it didn’t work
I should mention though, the code worked on the bottom banner for the portal theme, but for some reason it didn’t work on the top banner when I used :
/* Adjust Page Builder panel top margin */
.panel-grid-cell .panel {
margin-top: 35px !important;
perhaps I’m using the wrong code for the top?
}
35px is the default that is already there right now. You’ll need to adjust that figure down to whatever you’d like it to be.
/* Adjust Page Builder panel bottom margin */ .panel-grid-cell .panel { margin-bottom: 35px !important; /* Change the number on this line to whatever you'd like your PB panel margin-bottom to be */ }Adding a top margin to the panel should actually add more space, not less.
Yes I’m aware. i took down to 0 actually and it didn’t have any effect actually
So I think I want to just work with the portal theme.
https://siteorigin.com/thread/how-can-i-resize-these-areas-in-the-portal-theme/
Can you please tell me which file/ code I should access to resize the white area (page) and the black footer directly below it?
Thanks
Are you certain the gap you are looking at is not created within the widget itself?
Please send through a link and I’ll take a look.
Our tutorial on making CSS edits like this can be found here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
Hi Andrew,
I tried to follow the instructions in the tutorial on making CSS edits (customization background color), But when I click on save in the WP Admin: Appearance>Custom CSS, the changes aren’t made to the site.
Original code:
.origin-widget.origin-widget-call-to-action-simple-clean {
zoom: 1;
padding: 2em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #FCFCFC;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
border: 1px solid #D0D0D0;
}
overwrite code with:
#.origin-widget.origin-widget-call-to-action-simple-clean {
zoom: 1;
padding: 2em;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #E3E3E3;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
box-shadow: 0px;
border: 0px;
}
Please let me know what I am missing. Thanks, April
Hi April.
If you start your own thread, we’ll be able to help you there.
If you take a quick look at the thread you linked to in your post you’ll see I’ve answered the question there. Just add that selector to your Custom CSS module and adjust as required.
Please keep in mind that if you edit any theme files and don’t place those edited files correctly within a child theme those changes will be lost the next time you update the theme. This is the same reason we’re using a Custom CSS to add CSS changes vs just editing style.css directly.
Not sure if it’s the actual widget itself or not. Can’t be because both snippet codes are identical to each other.
I may have screwed up with the CSS though, as I never actually created a child theme (what a NOOB I am! LOL!)
Here’s a link: http://bigasslemonade.com/
* If you don’t mind, I would appreciate it if you remove the link to the URL afterwards.
Thanks
Are you certain the gap you are looking at is not created within the widget itself?
Please send through a link and I’ll take a look.
Our tutorial on making CSS edits like this can be found here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/