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.
Related
If I use any theme and include the newest Bootstrap framework 4.0, but I also want to have the plugin Visual Composer for some WYSIWYG editing, will they create a conflict? And if yes are there any workarounds?
You will probably want to checkout something like this plugin to make Visual Composer use bootstrap classes for columns and rows instead of its native classes.
https://wordpress.org/plugins/using-visual-composer-support-for-twitter-bootstrap-themes/
It is definitely possible as Themeforest sells themes with both.
https://themeforest.net/collections/4682897-themes-with-visual-composer-and-bootstrap
Yes, it will. Bootstrap has [class *= "col-"] class displayed table cell, and visual composer has .vc-col-sm-12, which will read bootstrap class and will make conflict.
You can avoid that overwriting classes deppends on your needs.
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.
I'm using Avada template and create child theme. In style.css I don't have any solution to overwrite default .css styles from Avada. Only possible solution is using !important , anyone know how to overwrite Avada .css without using !important
Please use custom css option. You can write css here it would overwrite the Avada css. Please check out the documentation https://theme-fusion.com/knowledgebase/how-to-make-custom-css-changes/
You can make usage of the Custom CSS feature available in the backend or many of the blocks being used by the Fusion Builder, which comes with Avada, have the availability to configure certain design elements from within them.
If you do want to use a child theme, be aware that Avada uses many !important rules in their stylesheet while other styling is being handled by either the fusion builder or javascript logic.
Is there a way to make a custom button style in Visual Composer without using extra class?
In the Button section I can choose plenty of colors, but none of them match with the theme design. How I add a new one?
You just need to use chrome developer tools to identify which class that button is using then you can write your custom css and override the button styles but it will effect all the buttons which you will be creating using visual composer and it is not the best practice to do. So i recommend to use extra class and write custom styles
Any ideas how i can use Fortawesome without override the theme css in wordpress?
I tried using boostrap cdn adn upload the folder on server.
You can add the CDN link of fontawesome to your theme's 'functions.php' file. A brief information about this has been given here. You can also use this plugin to integrate fontawesome icons easily into your blog/site.