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,
After I insert a new row, how do we add the text to it?
Is “Visual Editor” with the “Black Studio TinyMCE Widget” plug in the best way to lay out a page in Vantage Theme?
Thank you,
Suzabelle
Hi Suzabelle
If you are just creating a standard page then you should just use the default wordpress editor. If you need more control over the layout for image positioning and other items supplied by widgets then you would use PageBuilder with the visual editor for text and other widgets as required.
Hope this helps
Magus
Hi Magus,It's not clear to me how to create a 2 columns page layout usingPage Builder in your Vantage Theme – it doesn't seem to work with "AddRow".Suzabelle
Hi Magus,Can someone tell me how to create a 2 column page in Vantagetheme?I don't understand your general directions; I need help with actually using your theme to create a 2 column page.Suzabelle
Page Builder isn't working – is it properly integrated with Vantage theme?When I 'Add Row" it doesn't change the text into 2 columns.
Please try it out yourself, and let me know how you build a 2 column page in Vantage Theme.This would help me a lot, thanks.
Hi suzabella
I think we covered this in our thread. If not, please let us know and Magus can assist further. Just posting this quickly to avoid covering the same ground.
Hope you’re making progress :)
Hi Andrew,Magus tried to answer this but the answer wasn't direct or specific enough for me.For some reason "Add Row" appears in the Page Builder and doesn't work.I was hoping someone could try it. But from what you told me, Vantage doesn't support Page Builder except on the home page. So I will be working on all of this starting tomorrow (today is a holiday for us).I appreciate all your support so far.
Really hope we didn’t miss each other again. Yesterday we established that Vantage only has a pre-built layout option for a home page (that pre-built layout can be applied to any page). But that Vantage offers Page Builder on every page or post, you just need to construct your own layouts on those pages.
Perhaps I’m just getting caught up in the wording of it, I’m referring to this line:
Vantage doesn’t support Page Builder except on the home page.
If you mean that Vantage only comes bundled with a home page pre-built layout, then yes, that’s correct :)
Ok, I will look over the information you sent about Page Builder. It is confusing to me because "Add Row" doesn't create columns.
If you’d like I can login quickly and confirm that things are working as expected. You’ll find a private reply checkbox at the bottom right corner of the comment field. Please send your site link, a username and password and then check Private Reply. I’ll jump in and take a look.
Sure, that's fine.http://www.onset-unigen.com/wp/wp-admin/directory login:Private Snippet
The page I am trying to add 2 columns to (using page builder) is called "A Better Way".
on the page "A Better Way",
I added "Add Row" and it shows 2 boxes, but it's not clear how to make the text into 2 columns. Or how to add the text to the two boxes.
This is a private message.
Thanks for the info :)
To add text to a column, click the + button to add a widget and then insert the Visual Editor widget. Page Builder can’t create text columns because a widget has to go in a single column. Page Builder has no way at the moment of inserting columns into a widget. Widgets go in columns. To split text into columns within the Visual Editor widget you’d need to use a plugin like Columns. To recap how to use Columns, please see our thread:
Thread: Vantage Home Page – blog comments
I’ve added two Visual Editor widgets into two columns for you here: http://www.onset-unigen.com/wp/a-better-way/.
To confirm. Page Builder can’t split text within a widget. To split text inside of a widget you’ll need to deploy a plugin like Columns.
Hope that helps.
For a visual run through on how to add widgets to Page Builder, please see the heading “Adding a Widget” here:
Page: Building a Page
(Page Builder is working 100% as expected on your site. Hope that helps set your mind at ease).
Ok, thanks for taking a look, I appreciate it.
No problem at all. I’m confident that once you get the hang of basic Page Builder operations, you’ll find things easier.
Hi Andrew,I will work on this soon with the info you provided.It helps a lot that you looked at it and that the set up is fine.I saved all the emails so I can refer to them.Sorry if it feels like you are repeating yourself, I was obviously hoping for an easy solution :)
Glad we could help. The solution is relatively easy:
1. In Page Builder on your page in question, click the plus button + to add new widgets.
2. To split text within a Visual Editor widget do the following:
a. Go to Plugins > Add New and search for Columns. Install and activate the plugin. When you search for Columns many will come up, make sure you install Columns by Konstantin Kovshenin.
b. Go to the page in question, edit the Visual Editor widget in question and click on the Text tab.
c. Wrap your content as follows:
All the best :)
By suzabella, 3 days ago.
Hi,
How do we change the text button colors for the mobile menu? Currently there is only one color.Is a contrasting 'hover' text color possible? Currently it's all one color with no distinction between different button states.
Hi Andrew,How do we style the sub nav / drop down menus separately from the main nav menu buttons?Mainly I am trying to reduce the amount of vertical space between the sub nav text links in the drop down menu.It appears that when we change the padding-top and margin-top, it affects both the Main Nav buttons and the Sub Nav buttons.This is a problem because the sub nav buttons don't look good; they are spaced too far apart vertically.Has anyone tested this to see the problem? Most theme makers are creating custom main nav & sub navs that can be styled differently. It doesn't look like this was done on Vantage theme.
Hi Andrew,Please see attached a sample of the sub nav styling problem.Thanks,S.
Hi :)
The mobile menu unfortunately doesn’t have any styling controls at the moment. Sorry, we don’t have more on that. If it’s something you urgently need you could consider hiring a developer to assist on https://codeable.io.
Vantage doesn’t have built in controls for the sub menu items but you can correct line height using Custom CSS:
Adjust as required.
Let us know how that goes.
It controls both the main and sub menus at the same time, sounfortunately it's not helpful.Most themes that you purchase have separated the main nav menuand sub nav menu so they can be adjusted separately.Suzabelle
The CSS I sent should only target drop down menu items. ul is an unordered list. ul ul means an unordered list within an unordered list. Please send a link to your site and I’ll check what’s going on.
Do you know how to make the 'Second Level Hover" transparent?
It's under Theme Design/Menu. It doesn't let us input 'transparent' for a color.
Thank you, you are very helpful.
Suzabelle
*I'll send a link when I get this done, then you can see if the menu looks fine or not.
Sure, this can be done using RGBA:
The first three numbers in each value represent the color in RGB, the last value A is the opacity.
Hope that helps.
I think the customize menu options are taking precendence over the custom css.(the code you sent doesn't seem to have any effect, unfortunately.)Is there some way to build in the 'transparency' option for the customize menu?
They shouldn’t be. Please could you paste the contents of Appearance > Custom CSS so we can check out what’s going on there.
Thanks
Hi Andrew, admittedly it's a bit of a mess.Also, is there a 'Contact form' for the footer widget?Thank you,Suzabelle —–Custom CSS—— .main-navigation ul li a { padding-top: 0px; padding-right: 35px; padding-left: 29px; padding-bottom: 10px; line-height: .5; box-sizing: border-box; margin-top: 3.3em; background: transparent;} .main-navigation ul ul { background: rgba(200, 54, 54, 0); }.main-navigation ul ul li:hover > a { background: rgba(200,54, 54, 0); } .main-navigation ul ul a { margin-top: 10px; margin-right: -10px; background: transparent;} /* Drop down menu item padding, top and bottom */ .main-navigation ul ul a { margin-top: 10px;padding-top: -20px;padding-bottom: -15px; margin-right: -10px; background: transparent;} #main-slider { line-height: 0; background: #FFF none repeat scroll 0% 0%;} #search-icon #search-icon-icon { box-sizing: border-box; position: relative; display: block; cursor: pointer; background-color: #FFFFFF; width: 59px; height: 100%;} #search-icon .searchform input[name="s"] { color: #000000; font-size: 17px; font-weight: 200; box-sizing: border-box; display: block; width: 20%; height: 42px; border: medium none; border-radius: 0px; background-color: #d4f4b2; outline: medium none; padding: 0 15px; float:right;} #search-icon .searchform { background: transparent none repeat scroll 00; display: none; overflow-x: hidden; position: absolute; right: 0; top: 100%; width: 1080px; z-index: 10;} #search-icon .searchform { background-color: transparent;} .widget_circleicon-widget .circle-icon-box a.more-button { -webkit-border-radius: 6; -moz-border-radius: 6; border-radius: 6px; font-family: Arial; font-weight: normal; color: #333333; font-size: 13px; background-color: #ffffff; border: 1px solid #dddddd; text-decoration: none; width: 8em; padding: .6em; margin: 0 auto;} a.more-button:hover { background-color: #eeeeee; text-decoration: none;} /* Mobile Nav – Set Background Opacity */.mobile-nav-frame {background: rgba(34,34,34,0.2) !important;} .mobile-nav-frame ul li a.link { color: #eee; display: block; font-size: 17px; font-weight: 300; margin-right: 30px; text-decoration: none;} .mobile-nav-frame .title h3 { color: #eee; font: 200 20px "HelveticaNeue",Arial,Helvetica,Geneva,sans-serif; height: 1.25em; margin: 0 50px; overflow: hidden; text-align: center;} .mobile-nav-frame form.search input[type="search"] { background: #97b0e9 none repeat scroll 0 0; border: medium none; box-sizing: border-box; display: block; font-size: 18px; width: 40%; padding: .3em;} .mobile-nav-frame .title { padding: 14px 12px; margin-bottom: 25px; border-bottom: 1px solid #1C1C1C; background: #3b5fb0 none repeat scroll 0% 0%;} /* Mobile Nav */ .mobile-nav-frame {background: rgba(34,34,34,.1) !important;} .mobile-nav-frame ul {background: rgba(59,95,176,0.9) !important;border: 1px solid #111 !important;} .mobile-nav-frame ul li {border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;border-top: 1px solid rgba(255, 255, 255, 0.05) !important;} .mobile-nav-frame ul li a.link {color: #FFFFFF !important;} /* header images for pages*/ .picture1 { background:url("http://www.onset-unigen.com/wp/wp-content/uploads/2015/05/picture12.png")no-repeat left top; margin-top: 0; } /* Our Team*/ /* Circle Icon Font */ .circle-icon-box { font-family: Verdana, Sans-Serif;text-decoration: none; } /* Circle Icon Heading Color */ .widget_circleicon-widget .circle-icon-box h4 {color: #3b3b3b !important;font-size: 12px !important;} /* Circle Icon Text Color */ .widget_circleicon-widget .circle-icon-box p.text {color: #5e5e5e !important;font-size: 12px !important;} /* Circle Icon More Link */ .widget_circleicon-widget .circle-icon-box a.more-button {color: #3b3b3b !important;font-size: 12px !important;} .widget_circleicon-widget .circle-icon-box a.more-button:hover {color: #dd3333 !important;font-size: 12px !important;} /* Vantage set Circle Icon Widget Icon color */ .widget_circleicon-widget .circle-icon-box .circle-icon[class^=”icon-“] {color: #FFFFFF;font-size: 12px !important;} From: Andrew Misplon[mailto:forum+13270-u21072-0a18a8c4f83838e5233999a5644bfe87a2059549@mail128-135.atl41.mandrillapp.com]On Behalf Of Andrew Misplon
Sent: Monday, June 01, 2015 2:40 PM
To: [email protected]
Subject: Re: [SiteOrigin] Page Builder – Add Row Andrew Misplon has posted on PageBuilder – Add Row.—–They shouldn't be. Please could you paste the contents of Appearance >Custom CSS so we can check out what's going on there.Thanks–
Reply to this email or view the thread on SiteOrigin.All replies are public, don't email sensitive data. Unsubscribeto stop receiving notifications.
Thanks.
The padding property doesn’t process negative values. That explains why the drop down menu item padding I sent isn’t working.
Only margin can process a negative value.
With regards to drop down item opacity. Instead of setting the A in RGBA to 0, rather use the following:
Hi Andrew,I think things are starting to look better for the most part.So, for some reason on the Home Page, I am getting a RED hovercolor on the circle icon widgets "More" text buttons…and I can'tfind the button color/css in the customize menu. CSS below appears to be the "More" button text color /dark gray, which is fine, but where or how do we change the REDhover color? .widget_circleicon-widget .circle-icon-box a.more-button { color: #3B3B3B !important; font-size: 12px !important;} I don't know where the RED HOVER color is defined in theCSS/customize menu.Do you know the best way to change the color?Thank you,Suzabelle
Sure, please try the following at Appearance > Custom CSS:
Adjust the “red” value as required.
Hi Andrew,Unfortunately the css code you sent me doesn't change the hover button color.Suzabelle
This should do the trick if you want the entire button turning red. The text is turning red on hover right now.
Please, keep in mind that there is already one, perhaps two rules already targeting this hover state in your Custom CSS. Do a review to make sure you don’t have competing styles.
Thanks
Hi Andrew,Thanks, you were right on, I had specified a red color in my cssalready. crimeny!Suzabelle
For sure :)
Beyond a certain point it’s pretty important to try keep your Custom CSS in an order that makes sense to you. Ideally with comments for each rule or section too. Speaking from experience on this one.
Hi Andrew,
Where is the 'Contact form" widget?
How do we add the contact us page?
Up to you :) Page Builder or the Widgets Bundle don’t yet have a form.
Contact Form 7
Ninja Forms
Gravity Forms
Jetpack Contact Form
The above are all options you might consider.
Contact page? You’ll need to build one. Pages > Add New.
Hope that helps.
Jetpack Contact Form is perhaps the easiest to get going with:
http://jetpack.me/support/contact-form/
Will Vantage Theme be adding a Contact Page / widget soon? It's the standard for paid wp themes…
Thanks for your feedback. It’s really important that users maintain functionality and content when switching themes. You’ll find that themes on WordPress.org don’t have any plugin functionality bundled. A contact form falls under plugin functionality. Page Builder and the Widgets Bundle are both plugins. Content added with either Page Builder or the Widgets Bundle will be safe and presentable no matter the theme you activate. Themes on ThemeForest and other locations are slowly moving in this direction too. Vantage won’t be adding a contact form but I’m sure we’ll see one as part of the Widgets Bundle soon.
How do we get rid of the extra widgets we are not using? The theme is top heavy with all the unused widgets.
(it slows down the website a lot)
Hi,
For the Text Widget, how do we specify the font style in the Title?
The Widget Styles on the right don't work for the Title.
(the css styles only work for the text field below the Title field.
S.
Widget driven by the Widgets Bundle can be de-activated from Plugins > SiteOrigin Widgets.
Assuming you aren’t using any you can de-activate Page Builder Legacy Widgets from Settings > SiteOrigin Page Builder > Widgets > Legacy Bundled Widgets.
Any other widgets you have access to will either be part of the WordPress core or plugin powered.
You can globally target all Page Builder widget titles using the following at Appearance > Custom CSS:
Edit values as required. You can also remove the declarations you don’t need to edit.
:)
Hi Andrew,
How do we: Add Google Fonts for all the fonts?
How do we: Change the color of the hover state for the responsive/navicon menu?
(it doesn't change color when selected)
HI Andrew,
How do we turn off the pagination in the "Post Loop" widget?
Hi,
for some reason we are not able to add html / a href tags to the footer Text widget nor the Visual editor widget.
is there some reason they don't allow html?
also, what is the best way to give an overall left and right indent on every page?
the outer margins are too small.
Hi,
How do we get the <!– Read More–> button to appear in the Page Builder?
It disappears.
How do we add a Sidebar to the pages?
One thing in your theme that is unfortunate, is that we cannot style the Page entry headers differently from the Blog Post headers…
they both use the same class: h1.entry-title
Hey :)
How do we: Add Google Fonts for all the fonts?
Font settings can be found at Appearance > Customize > Theme Design > Fonts. For any font settings beyond that, please try out our new CSS editor plugin:
Page: SiteOrigin CSS Editor
How do we: Change the color of the hover state for the responsive/navicon menu?
The responsive menu icon and text is linked to Appearance > Customize > Theme Design > Menu > Hover Text.
To target it on its own use:
How do we turn off the pagination in the “Post Loop” widget?
Unfortunately not yet an option. Try SiteOrigin Custom CSS plugin to hide.
for some reason we are not able to add html / a href tags to the footer Text widget nor the Visual editor widget.
I can’t replicate. Please send the HTML from your Text widget or Text tab of the Visual Editor widget so I can confirm it’s correct. If it is then we’d need to inspect the site to see what the problem is.
also, what is the best way to give an overall left and right indent on every page?
Depends if you have a sidebar or not. With no sidebar I’d use something like this:
How do we get the button to appear in the Page Builder?
Page Builder doesn’t yet support the more quicktag. Something we’re working on at the moment. Unfortunately no ETA yet.
One thing in your theme that is unfortunate, is that we cannot style the Page entry headers differently from the Blog Post headers…
h1.entry-title is semantically correct. Pages have a .page body class, posts have a .single body class.
Vantage is based on the starter theme _s: http://underscores.me/. So lots of top level community involvement in setting up things like heading class names etc.
Hope that helps and all makes sense.
Check out our new CSS Editor. It’s pretty awesome, I think you’ll find it useful on this and other projects :)
Hi Andrew,
We are trying to have different 'entry headers' for the Post Titles, and the Page Titles.
But the following style css affects both the same: (see below – it's copied from inspector)
On the Post pages, there are no Page Attributes – where we select a parent or template.
On the Page pages, there is a list of the pages as 'parent' pages, but they are the pages we created from the default template and no parent, which makes no sense. And the template selection is very limited.
Nowhere do I see the option of a side bar, in the widgets or the templates.
This is the code I've tried to separate out for the Page Title & Post Titles, but it doesn't work; it treats the pages and posts exactly the same:
style.css:1133
article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
color: #3B3B3B;
font-size: 20px;
font-weight: 500;
line-height: 1.35em;
}
I tried your css first but it didn't change anything unfortunately…I don't see a 'single body class' or the 'page body class' – where are they?
h1.entry-title is semantically correct. Pages have a .page body class, posts have a .single body class.
/* Pages */
.page h1. entry-title {
}
/* Posts */
.single h1.entry-title {
}
this is how it appears in your vantage style sheet:
post title:
article.post .entry-header h1.entry-title a,
article.page .entry-header h1.entry-title a {
color: inherit;
text-decoration: none;
}
page title:
article.post .entry-header h1.entry-title,
article.page .entry-header h1.entry-title {
color: #3b3b3b;
font-size: 20px;
font-weight: 500;
line-height: 1.35em;
}
Hi Andrew,
I think I figured out a work around for the Page & Post Titles.
As far as the sidebar goes, I can see that when we add a widget to the sidebar widget, it applies the same right sidebar to every page except for the home page.
Is there some way to turn the sidebar on and off, and is there a way to add a diferent sidebar to the left side?
Or to have more than one right sidebar using different widgets?
(without having to install another plugin)
My other concern is that the site is pretty sluggish at this point. If there is some way to speed it up by removing for example, some of the fonts on the font list or anything you can recommend turning off that could be adding extra load to the website.
Apologies for the incorrect .page body tag. There is no .page body tag, there is a .single body tag though. Let me know if you still need a hand with page vs post titles. I just need to tweak the CSS I originally sent to make that work.
To turn the sidebar on/off for pages you can use the right column page template drop down menu. Default will display the sidebar, full width won’t
Another way of handling that is to use Jetpack Widget Visibility: http://jetpack.me/support/widget-visibility/. Hiding all widgets for a particular situation will remove the sidebar.
WooSidebars is another great plugin that offers custom sidebars: http://www.woothemes.com/woosidebars/. I prefer Jetpack Widget Visibility though.
Vantage unfortunately doesn’t support an additional left sidebar.
WP Super Cache is our recommended caching solution: https://wordpress.org/plugins/wp-super-cache/
Is there some way to use the sidebar widget for specific pages and not others?
Not clear how this works with page builder, or is there another way to do sidebars on your theme?
Hi Andrew,
We went live with the website tonight using Vantage theme.
There's a problem with the theme. For some reason the home page home button would not update the permalink, and it continues to link to the previous directory / we moved the site to the root folder.
How or where do we fix this problem?
I fixed it, it was a link in the menu.
s.
Andrew,
For some reason after we went live with the website, the "Visual" and "Text" tabs disappeared completely on all the pages and posts, and it's set on text. The page builder appears, but not sure what happened. My client needs to be able to use the "Visual" tab.
Can you tell me why this happened?
Actually it's fine, it was a setting that was off on my 'users' page.
Glad to hear you made progress.
You can control widget visibility at Appearance > Widgets > Sidebar or Footer with:
http://jetpack.me/support/widget-visibility/
Hi Andrew,
We launched last night.
Here is the website, I've included Vantage Theme in the footer credits.
http://www.onset-unigen.com/
Appreciate all your help, and think that your theme has potential.
Best Regards,
Suzabelle
*My advice is to work on adding true sidebar capability. It will take Vantage Theme up a few levels. Get rid of many widgets that frankly don't look very good, and reduce the reliance on plugins, it's a mark of an amateur theme and people won't want to buy it and then have to install plugins.
And fyi, I had to go in and manually fix all the image links after I migrated the site from a directory to the root folder.
Andrew,
When you use the 'Search', it produces results, but there are no links to take you to the blurbs listed.
Is this the way it's supposed to work?
Thanks for the feedback and support. All noted.
I covered theme and plugin separation in our email conversation, not sure you had a chance to go over that. The philosophy or WordPress.org is the content should always migrate with the user and themes should only handle presentational tasks. In this light Vantage wouldn’t be allowed on the wordpress.org directory if Page Builder or the Widgets Bundle or even a Google Analytics field were included. So on that point I don’t agree. This is the direction WordPress has been taking for some time. I realise it’s a big departure coming from ThemeForest or similar themes. If you’re interested in why this shift has been happening over the past few years, please, take a quick spin over this post:
http://wptavern.com/why-wordpress-theme-developers-are-moving-functionality-into-plugins
And fyi, I had to go in and manually fix all the image links after I migrated the site from a directory to the root folder.
That’s unfortunately a standard step that has to be taken in any WordPress migration. Regardless of the theme being used. You can use database search and replace tools but it’s usually safer to make the updates manually on a small/medium size site. I feel your pain having done it many times.
When you use the ‘Search’, it produces results, but there are no links to take you to the blurbs listed.
The search results page uses the post auto excerpt. Excerpts aren’t linked but the title is.
The search request is a pretty easy fix. Just add the following to your child theme functions file:
Hope that helps.
Thanks again for the link back :)
Thank you, this worked great!
For sure :)
Hi Andrew,
Wow, had no idea that WordPress.org is affecting the way themes are being built.
I have been buying themes from ThemeForest – are they a part of WordPress.org? Because their themes are fairly integrated and very few plugins are ever needed.
I guess I am not understanding plugins and themes, and I will try to look over our previous emails.
Well, in any event, I am hoping the client will enjoy the website, he seemed very pleased, and I have given him an orientation so he can edit his own blog posts and the pages / the content basically.
Vantage has been a bit different for me, but I think I understand. Mainly I missed the sidebar capability, wasn't used to adding so many plugins, and felt that the CSS was in too many places.
But in general it seems great for a simple wordpress site. My main goal was to allow the client to edit the pages himself, which is why I chose WordPress.
Originally I tried to install the WP built into his host server, but it didn't seem to work very well. I've not been able to use the wordpress installations that come on webhost servers for some reason, so I stick with WordPress.org.
A small example is a Favicon or Google Analytics tracking code. If a theme adds that in it’s theme options and you move themes you’ll need to re-add that information. The end goal is now to enable users to be free to switch themes without losing non-design related data/functionality etc.
Some hosts offer the ability to do a quick install of the wordpress.org platform. cPanel is an example of this but most hosts offer. For sure, if that’s not working for you then a regular self-install is 100%.
Thanks again for all the feedback. Glad to hear your project came together nicely :)
All the best.
(Consider our brand new CSS plugin for future WordPress projects: Page: SiteOrigin CSS Editor. It’ll make Custom CSS tweaks a breeze as it has a visual editor.)