I actually have 4 questions:
1. if you take a look at http://seogreensboro.zachbradshaw.com/, you will see that i created a row with page builder and stacked the headline widget on top of the layout widget and it came out almost just like i want it. only thing is, its a youtube embed and id prefer the embed player than the standard one that is showing right now. checking and unchecking the ‘Use oEmbed’ box does not seem to have any effect.
2. the background pic for the same row padding with pics and rows does not show the full the image. how can i increase the padding around the cells so that the full image shows? it is way wider than the page, so im assuming i might need to resize it, but i at least want the full height pic to show up. (i would just crop the sides off)
3. i am modeling this site after http://kottongrammer.com/ or http://iowacityseo.net/ and i was wondering how to make the menu do the same thing. i want there to be no header separate from the menus and to have a my number and logo apart of the header and sticky in the same way.
4. i have purchased premium once. can i use it one all subdomains or i am i restricted to one wordpress install?
Ok, so I have played around with the site more and my questions have changed. You can ignore the initial post.
1. I can’t get the margins to go away. I don’t want the white space. I’ve checked the No Bottom Margin Button on all of them… deactivated potentially conflicting plugins… Nothing. At one point, the margin disappeared under the main pic.
2. I have several headings that need to be white. I used Tiny MCE to turn them into h1s, and was then able to adjust their size with css. However, I cannot get the white hexcode to css snippet to work.
3. On my fourth row (where the bullet points bounce in), is there a way to make sure that the bottom of all three columns remains even?
4. When picture backgrounds in rows, is there a way to designate a certain size for the row? (I’d like more of my top picture to show) And does using premium make a background scale down appropriately as well?
5. I have purchased premium once. can i use it one all subdomains or i am i restricted to one wordpress install?
Thanks guys, looking forward to your answers.
Oops, for got one:
6. How do I create the parallax effect in pagebuilder?
Hey Zack. For 6, check out my thread: Thread: How to add parallax scrolling to a Page Builder row..
Hi Zach
Thanks for the big wait. It’s pretty challenging to work through multiple questions in one thread so I’m going to try work one question at a time.
1. For legacy reasons, it’s, unfortunately, a little hard to strip out all row padding in Vantage. Try this. Edit the rows in question by clicking the wrench icon on the far right > Edit Row > Attributes and enter the following CSS class name:
Then at Appearance > Custom CSS, target that class as follows:
/* Page Builder Row Styles */ .no-padding { padding-top: 0 !important; padding-bottom: 0 !important; }Give that a shot and let us know how you come along.
I am going to open thread for all of my other questions. But this solution did not work.
I am so confused about this because at first there was no white space between several of the rows just like I wanted. Then I added and changed around some things and everything split apart. Now I cannot get it back to the old way. It was gorgeous at first!
Anyway, what are ‘No Bottom Margin’ and the Bottom Margin number box for? They do not seem to change the page one bit…
So what is the next solution?
Hey Zach
Vantage had Page Builder row controls long before they were available to other themes. As Page Builder has developed this has unfortunately meant that it’s stuck with one or two legacy issues like this. Bottom Margin does work, it removes a 35px bottom margin. The problem is that there is an additional top and bottom padding on each row of 25px. The style advice I sent through should resolve that. If I could view the problem live I should be able to see what’s up. I’m sure we can get you to where you want to go :)
Thanks! That would be greatly appreciated. I’m not sure what I’m doing wrong.
Should I just send an email support ticket with login credentials?
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.
Thanks. I will leave it active for a bit because there is another curious issue I am having. Somehow I lost a Features widget in the ‘Why Me?’ row. I can see all the text for it in my revisions, but I cannot find a way to bring it back. Is it possible? or do I just need to remake the widget and copy and paste my text?
Phew, ok, quite a bit to try explain. Attributes really requires a basic understanding of CSS. Once you have that you’ll find it relatively easy to make these changes. In future versions Page Builder will make this easier. For now check your home page, check the rows, check Custom CSS and try see what I’ve done there.
Just a quick heads up. You can’t use CSS Styles in the way you’ve been trying to. You can only add inline styles to that row or widget:
You can’t add selector in there like:
body { font-size: 100%; }Becuase the styles will print inline:
For more on this please see:
Thread: How do Page Builder row attributes work – row class, cell class and CSS styles
Bit late my side so my explaining powers are a bit low :)
Our Custom CSS tutorial is here: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/. If you aren’t already, making use
of your browser’s developer tool to inspect the markup is super handy. That tutorial covers the basics.
Thanks for the help Andrew. It really looks great now. I’m going to look these resources over and repost my questions on separate threads to help you all out… but I was wondering why some of the rows needed the css and others didn’t?
Hey Zach
Phew, yeah, a fair bit going on there. I’m sure Page Builder will get easier to use in this regard as we move forward. Something that’s coming is a padding and margin control for top, right, bottom left, that’s sorely missed right now.
Some instances like the Call to Action widget I think it was, we didn’t want to cut margin and padding because the gap was appropriate. I can’t remember exactly but try look at the design and see if you can match up where I didn’t use the class. Hopefully it’ll make sense. If not, just ask. If you do ask please refer to the row you’d like me to look at. Thanks for your help :)