Hi, i can notice there is a new version of premium Vantage theme. Before update it I want to know if it affects the css style file because I have made many changes on it.
Thanks,
Laura
New Version
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Laura
Glad you mailed. All WordPress themes update in the same way, they completely overwrite themselves, if you update you’ll lose any changes you’ve made to any theme files, including style.css.
If you’re modifying files other than style.css you’ll need to use a child theme. But for style.css you just need to put your modified selectors into Appearance > Custom CSS (Vantage Premium) OR into your own Custom CSS plugin like Jetpack Custom CSS.
Here is our video on this: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
To fix your problem download an original copy of the same version that you’re running:
https://wordpress.org/themes/vantage/developers/
Then use DiffMerge to compare your style.css and the original style.css:
https://sourcegear.com/diffmerge/
Move only those modified selectors over to Custom CSS.
Hi Andrew, thank you for your answer. In the 2nd link you send me it does not appear the version 2.2.3 of VANTAGE PREMIUM that is this i’m currently using. As I checked, they are free versions. Could you send me the package of this premium version? I’d like to have it in case the new one fails or I need to come back to the one is going in my site.
Thank you,
Laura
No problem, I’ll send that now. (I linked to the free version as the free version style.css should be the same, barring the name at the top of the file.)
Hi Andrew, pls could you tell me what features or changes the new premium vantage version includes? Is it necessary to update it?
Hi Laura
If your site is running smoothly then it’s not crucial to update. You could skip this update and update again a bit later when we have a longer list of changes made. The changelog is back up here:
http://updates.siteorigin.com/readme/vantage/
Hope that helps.
Hi Andrew, i have updated the premium vantage version as you recommended me. I have 2 questions:
1) I used the diffmerge tool to compare the 2 ccs styles in order to fix and set the previus ccs style. I notice that when I pasted the ccs style related to flexslider, dots at the right of the slider that are related to pagination dissapear! If I don´t copy them, dots are visible. Related to it, if i don’t consider this flexslider ccs style, could it give me any problem with the webpage? otherwise i’d like to know which style should i modify to put dots visible on sliders.
2) Before i updated the theme, i had change the “more-icon” png in circle icons, aside “more info text” by other icon in orange color. It worked but when i did the update i could not put them again. if you check my ccs style is indicated the path of the orange icon, previously saved in the public folder after the update.
Thank you
Laura
Hi :)
Had you customised the Flexslider styles previously?
I can see your Custom CSS for the more icon arrow. It’s pointing to the images folder in the theme. Perhaps check that path.
Hi Andrew,
1) I upgraded to metaslider pro before update the version so I have customized the flexslider previously. What should i do to see the dots on the sliders? If you see the slider, they are shown but covered, i want them in white color but i cant not find the option,
2) Yes, it is ok. I save the png files more-icon-orange in sprite folder and more-icon-orange 1 in retina folder but they are not shown. In the ccs style only replace the png name. Is it ok?
1. I’m not able to immediately see what the problem is there. How I’d troubleshoot this is to temporarily remove all Flexslider related customisations from your Custom CSS, from there slowly add each selector back, one by one, you’ll then see when the issue occurs and can troubleshoot from there.
2. Ideally your custom icons shouldn’t be saved in the theme, they should be in a child theme or alternatively in the root of your server. When you update Vantage all files will be overwritten. So to confirm, if you saved those files within the “vantage” folder before and then upgraded, those files won’t be there anymore.
Hi, I fix the 2 issues
1) I found that the problem is with the following ccs style sentences:
.flexslider .flex-control-paging li a {
display: block;
width: 14px;
height: 14px;
cursor: pointer;
background: url(images/sprites/slide-indicator-inactive.png);
}
.flexslider .flex-control-paging li a.flex-active {
background: url(images/sprites/slide-indicator-active.png);
}
.flexslider .flex-control-paging li a:hover {
background: url(images/sprites/slide-indicator-inactive.png);
}
if I don’t put them into ccs style the slder works ok. If i don’t include these sentences , could I have any troubles with the sliders?
2) I saved the images out of the theme folder, with the rest of the images of the site, change the path of the css style and it works ok.
Notice that after theme update both issues I had to fix are related to images or sentences that include images in sprite or retina folder. I tell you because it maybe could be an issue related to the update, i don’t know ..
Pls tell me about the 1 issue. Thanks!
Laura
1. When you say
if I don’t put them into ccs style the slder works ok.
Are you referring to the main style.css file or your Custom CSS?
//
The slider was updated for the latest release of Vantage. There were previously issues with our Flexslider theme on Retina screens. So unfortunately it’s possible that these changes caused a problem with your customisations. The same is most likely the case for the more arrows. I believe a change was made to help Retina display.
Hi Andrew!
1. In the custom ccs, why? because at the begining I have made some changes in the custom css and some other the original ccs style (because i did not know) instead of doing all in the custom css, so, before the update and to ensure having all the customized css I copied all the data of both sources. As I’m a beginner in this process by the moment I started the webpage I did not know that was better doing all in the custom css, now it is clear for me. Do you understand what i did? so, considering it, it is necessary to add the css sentences i tell you above? thank you… :)
I have other question related to main navigation menu bare and the css. I want to put it as transparent to show the sliders behind the menu bare. I tried to change a sentence but when I enter for example rgb(50,50,50,0.50) the color turn on solid grey. i think that the ccs style has a default color for the main navigation but i cannot find the sentencer? how can i get the transparency in menu and sub-menu?
Thanks for explaining. Yes, that’s perfect. In that case do not insert those styles into Custom CSS. If you don’t insert them and the slider is working then we’re on the right path.
Try the following for menu opacity, adjust as required:
/* Vantage - Adjust color and opacity of drop down menu items and drop down menu hover */ .main-navigation ul ul { background: rgba(200, 54, 54, 0.5) !important; } .main-navigation ul ul li:hover > a { background: rgba(200, 54, 54, 0.5) !important; }The second line applies to the drop downs. You were missing the “a” in “rgba”.
Hope that helps.