Class names on elements not using up in firebug
Hi There
I have been adding some class names to page elements using VC, but they don't seem to register when checking css with firebug. For instance I added the class name "gq" the call to action button on the homepage (element just to the right of the "get in touch" box), but that class name doesn't display when I view the page in my browser and check with firebug.
I am wanting to give that element a background colour and background image, a height of 299px and some top padding. See image below:
Of course maybe there is also a better way to achieve this??
So can you please firstly tell how I can successfully use class names with VC page elements, and also what is the esiest way to achieve the above design.
Another seperate issue is that when I was using the frontend of VC and then went to usnig the backend of VC, I lost all the content on the live site display - does that sound normal? I got it back by reloading an old revision
Thanks in advance for your time
I have been adding some class names to page elements using VC, but they don't seem to register when checking css with firebug. For instance I added the class name "gq" the call to action button on the homepage (element just to the right of the "get in touch" box), but that class name doesn't display when I view the page in my browser and check with firebug.
I am wanting to give that element a background colour and background image, a height of 299px and some top padding. See image below:
Of course maybe there is also a better way to achieve this??
So can you please firstly tell how I can successfully use class names with VC page elements, and also what is the esiest way to achieve the above design.
Another seperate issue is that when I was using the frontend of VC and then went to usnig the backend of VC, I lost all the content on the live site display - does that sound normal? I got it back by reloading an old revision
Thanks in advance for your time
Comments
as we see, you got this class properly added http://pasteboard.co/3yejM2U.png but you wrote wrong css. Instead of what you did, should be .wpb_call_to_action.gq class. The second issue you got is not related with theme at all. We have never heard about it of course so maybe you should update plugin version.
Thanks the css is now effecting that section. I tried to change the padding of the text and H2 tag but it is not working. Can you please tell what the correct css selectors wd b for the following css?:
.wpb_call_to_action.gq .wpb_call_text, #content .wpb_call_to_action.gq .wpb_call_text {
padding-top: 95px;
}
h2 .wpb_call_to_action.gq .wpb_call_text {
font-size: 50px;
line-height: 50px;
color: white;
}
.wpb_call_to_action.gq .wpb_call_text, #content .wpb_call_to_action.gq .wpb_call_text {
secondly this:
h2 .wpb_call_to_action.gq .wpb_call_text
many thanks for your help
Can you give me some css advice on how to achieve this:
.wpb_call_to_action.gq .wpb_call_text, #content .wpb_call_to_action.gq .wpb_call_text {
But if this is not enough, you must create your own css. Everything was explained on http://themes.muffingroup.com/betheme/documentation/#theme-customizationsfont-size: 50px !important;
line-height: 40px !important;
color: #FFF !important;
}
.cta_align_bottom .wpb_button {
background: #000;
padding: 10px 20px;
border-radius: 5px;
}