I have heard that styling changes that aren't made in a styles.css folder in the child theme are lost/deleted when you update the theme.
I am wondering if this is true for changes I make with visual composer, or otherwise through WordPress tools. E.g. I just changed a font color with visual composer, but as I understand it, this just edits the parent theme CSS file hence my concerns!
Any tips please?
I don't think that if you change the color via the VC you will lose that change when you update the theme. The VC changes the color via inline css so you should be good.
Changes that you make with WordPress tools such as Visual Composer will not be lost when you update the plugin or theme. A quick solution to add some CSS to your site if you want to avoid creating a child theme is to use a plugin such as Simple Custom CSS.
Related
I'm breaking my head, to change the size of my wordpress blog logo, because they say it is for the css style sheet, but any changes I make to the style sheet do not apply to my blog, even if I delete all style sheet my blog does not change, can anyone help me?
There are several things to consider:
If the changes you want to make are minor, just use theme editors css and js injection mechanics.
Second most common thing is syntax, to counter that just edit your current active themes style file and enter something like body background-color:{ red !important} to check if the changes are being made. Then check with your browsers developer tools to check if the changes are being made in the style file.
If you are using some caching plugin, turn it off until you are done working on the site changes.
Check if you are editing the right theme. You should check what theme is active in your themes section of the wordpress.
In the case where you are using a child theme and you are editing child themes style.css file, you should first enqueue the file. More info on that here
If you are hosting your website not on the shared hosting, but on private server, you should check your file permissions.
Hope this helps.
I am using demo version of Estore WordPress theme for my eCommerce site. and it is working fine yesterday. but when i open it today the homepage product slider height increases insanely long and other widgets are also not loading properly.
Url to site.
http://www.oriflamebeautyproducts.com/
Please help me to solve this issue because i can't understant that is it a theme issue or plugin issue..
The problem is probably with your theme. Your theme is the Estore theme.
When I compared the HTML content of the element <div class="big-slider"></div> I saw that alot of classes & inline styling was missing from the elements inside.
I guess the theme folder that is currently on your webserver is incomplete. With sliders its very common that javascript will add inline styling and classes to add the layout dynamically. I suggest you sync it with the original version. When the current website provided is the live domain I suggest you make a back-up first.
I'm editing a customized wordpress theme that has visual composer installed in it. I can edit a lot of css in the default editor from Wordpress. But there are some css tags such as: .vc_custom_1496470898482 that I don't know where to edit.
Thanks for your help!
This is an auto generated CSS by visual composer so can't be edited.
So there are two approaches for applying your CSS to it and these are as follows:
Inside visual composer, add your own class/id for that particular row/element and then apply CSS using this newly added class/id. (Recommended)
Override this class with same name i.e .vc_custom_1496470898482 in your CSS file or inside custom CSS editor provided by the visual composer or theme.
Hope it helps.
I have been tasked with making a small design change (CSS) to a Prestashop site that used an off the shelf theme.
I know that in WordPress you can make a child theme to put your design changes in which is best practice.
Is there a similar method I should be using in Prestashop? Or alternatively is there anywhere in the dashboard I can put these changes?
If you're building from a default theme, then the correct way would be to go to Themes > Add New Theme > Create New Theme > Copy default-bootstrap and create a new theme.
There are no child themes in PrestaShop (any kind of inheritance system for themes would majorly complicate an already complex system). What you have is what you work with. If you bought a third party theme, then go modify it directly (modify .tpl files, modify global.css, etc.). IF you copied default theme, then work with your copy (just don't work with default theme, it may get updated).
An event better way would be to install compass and modify .sass files (that is the most correctest :D way).
i want to make some changes into my wordpress css file. i downloaded the style.css and other css file via ftp and made all the changes into the codes i wanted to. I uploaded the files and replace it with the other files. I waited for some time to take it affect but nothing happened, i left it and open my site the other day but the things were still same, no changes. I was using the WP Minify cache plugin. I even deleted it and re upload the css files again but still no changes. I tried out so many things but no success.
I than changed the name of the theme main directory via ftp, it help me a bit and made me happy for awhile, all the changes appeared. I again needed some changes in css files but unfortunately again suffering the same process. Please help :(
P.S. No theme is taking the effects of modifications in the css files codes. i tried different themes, but same results. Even if i delete the style.css nothing happened, but when i delete the entire directory of that theme then blank white page appear on my website.
It doesn't sound like you activated the new theme from your administration panel.
http://codex.wordpress.org/Themes#Selecting_the_Active_Theme
When using any cache plugins you should delete its cache when you do any changes to the website. Have you already done that?
Are there any other css files being loaded after style.css that may alter what you are trying to change?
It's generally not a good idea to edit the themes style.css directly b/c when you upgrade that theme you will lose all of your customizations.
Doesn't your theme have some place for custom CSS? Some themes have it in Appearance >> Theme Options, or something of that nature. What theme is it? Do you have a framework, or child themes? More info needed ... but every theme has a spot for custom css; as was mentioned, it's not best practice to make your modifications in the actual main theme stylesheet, due to updates, etc. ... and anything in the custom css section overrides the default theme stylesheet.