Hi All,
Currently I am developing a new site with the Vantage theme. Today I received two theme updates and after install I noticed two things.
First of all, the search icon is missing in te navigation bar, but more important the woocommerce widget featured products is totally out of line.
Standart photo size is 350x450px, but via the style sheet I reduced width 100% to 70 or 80 or at the moment 50 percent, because in the standard size the picture are far too big. This worked perfectly with the previous version, before both updates.
But now I am not able to get things smoothly again. The text is besides the photo and photo’s are radomly at the page instead of nice line format.
Hope someone can help me with this issue
Thanks in advance
Ed
URL: http://boiliehuis.nl
Hi eos
Sorry to hear about the hassle.
A part of your stylesheet is missing, this is the reason for your icon not showing up correctly. I’ve emailed you a copy of the latest version, please try re-installing using the following instructions:
https://siteorigin.com/basics/updating-theme-from-zip/
Did you previously make changes directly to the theme’s stylesheet? If not, can you please paste the Custom CSS you were using so I can take a look?
Are you referring to WooCommerce images?
Please try placing the following under Appearance > Custom CSS:
.widget .product_list_widget li img { display: block; margin: 0 auto; }We’ll be with you as soon as we can tomorrow. We’re at GMT+2 in Cape Town, just a heads up in that regard.
Hi Andrew,
Thanks for sending the zip and css code. I did both already.
Indead I did made changes directly in the stylesheet. In future I will make use of the child theme possibility.
I am referring to the Woocommerce images. Right now they are outlining just fine, although the size is to big. I like to have about 70% of their size.
I will reply also tomorrow because here in the Netherlands is night too and I need some sleep.
Take care and thanks for your fast reply!
Ed
Hi Ed
Your Custom CSS can be placed under Appearance > Custom CSS. We recently introduced revisions to that page so it’s a little safer than it was before.
Here is our Custom CSS tutorial: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.
Here is how you could control the image size:
.widget .product_list_widget li img { display: block; margin: 0 auto; max-width: 50%; }You can add the max-width property to the selector you’re using already or just replace the Custom CSS from yesterday with this new Custom CSS.
The search icon has been replaced with a font icon. You can now set it’s colour from Appearance > Customize > Menu.
Hope that helps.
Hi Andrew,
Great, this helped and now the home page looks like it should be! I will study your information about custom css because I want to change colors from titles e.g.
Thanks for your fast and great support in this matter.
I don’t know if this is the right place to ask, but I need your advice for a minute.
Currently the site is very slow when testing it via google page speed insights and other measurement programs. This week I tested plugins like wp fastest cache and wp optimize. But it is always a risk if those plugins match with your theme.
Do you know from experience which plugin match the best with the vantage theme for speeding up the site, and which plugin I can use to place the js en css scripts below the fold and minify?
Kind regards,
Ed
For sure. Almost all caching plugins will be fine with Vantage and Meta Slider, my recommendation is to just not use the minify features. So don’t opt to minify CSS and JS, that’s usually where these plugins run into issues with themes/plugins.
Here are two you might try:
https://wordpress.org/plugins/wp-fastest-cache/
https://wordpress.org/plugins/wp-super-cache/
Thanks man, I will go for fastest cache and opt out minify. My experience with minify solutions in general is not too good anyway. In most occasions sliders and/or lightbox images disappear or functioning bad.
Again thanks for your support, site is in the colors I want due to custom css. A very handy tool:)
Take care
Ed
For sure. All the best with your site. Chat soon.
Hi Andrew,
I am back for a minute…As you know I am trying to speed up the site and for this purpose I installed Speed booster pack plugin which seems to be functioning very well, except for one issue.
All stylesheets are forced to be below the fold, except the custom css. And due to this, the site is working great but without my adjusted custom css.
Do you know a solution to solve this? For instance, place this stylesheet also below the fold?
Thanks Ed
Hi. Every Custom CSS plugin I’ve seen inserts the CSS inline into the head. I suppose this could happen somewhere besides the head but it really should be happening there (in the head). I think to work around this you’d need to run a child theme and take your Custom CSS out of Appearance > Custom CSS and place it into the style.css file of the child theme.
* I made an edit above. Please re-read on our site if you’re following this thread on email. Thanks.
Hi Andrew,
I can’t manage it with the child theme option. Don’t know where things go wrong exactly.
The page booster plugin has this option:
“Insert all CSS styles inline to the footer”. Without enabling it, the site layout is as it has to be.
When I enable the option, the site becomes in a half on half situation. But increase the speed when testing it by gtmetrix with about 10%.
I dit make a style.css with this code:
/*
Theme Name: Vantage Premium
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/vantage/
Description: Vantage is a flexible multipurpose theme. It’s strength lies in its tight integration with some powerful plugins like Page Builder for responsive page layouts, MetaSlider for big beautiful sliders and WooCommerce to help you sell online. Vantage is fully responsive and retina ready. Use it to start a business site, portfolio or online store. We offer free and premium support on our support forums (https://siteorigin.com/thread/).
Version: 2.2.1
License: GNU General Public License 2.0
License URI: license.txt
Tags: responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
*/
@import url(“../vantage/style.css”);
/* =Theme customization starts here
————————————————————– */
This will bring another layout???? And secondly, my theme’s page is now warning….template is missing.
Anyway, difficult to exlplain in writing this issue. maybe just leave it on inline css in the head instead of bringing it to the footer.
Regards Ed
This is how the style.css of your child theme should look:
/* Theme Name: Vantage Child Menu Author: SiteOrgin Template: vantage Version: 1.0*/@import url("../vantage/style.css");Hope that helps.
Hi Andrew,
This helps, site is as it has to be! Thanks for your great support!
For sure, glad we could help.