Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 30, 2014 at 5:46 pm #297840
    vuzzbuzz

    Hello.

    I’d like to change the color of an H5 title in a specific promobox identified by an ID. But i can’t do it…
    The color change must be applied only on this H5 element in this specific box in this specific page.

    I tried something like this :

    .av_promobox.avia-builder-el-35 {
background:rgb(197,17,29); !important;
color:white; !important;
}
.av_promobox.avia-builder-el-35 .main_color h5 {
color:white; !important;
}

    It’s OK for the background and the text title but not for the H5 title.

    >>> Or maybe is it possible to create a custom promobox that i could use on several pages with this configuration independantly from the initial promobox style that i also use for another use? If so, please tell me how. It would be better!

    July 31, 2014 at 1:31 am #298009
    Yigit

    Hi vuzzbuzz!

    Please use following code instead

    .page-id-152 .avia-promocontent h5 {
color: white;
}

    Cheers!
    Yigit

    July 31, 2014 at 5:22 pm #298325
    vuzzbuzz

    Hi Yigit! How are you?

    It works great but what about a way to apply this to all my specific promobox called “CONCRETEMENT PARLANT” that I publish on my entire website ? If I follow your method I’m gonna have to repeat this operation in QUICK CSS for each promobox I want to look this way… Not very practicle…

    If it’s not possible for the whole website, could you at least tell me how I could apply this script on only one specific promobox on a page (in case i have several promobox on the same page but want to apply this style on only one). See what I mean?

    Here’s my code for the moment :

    .page-id-152 .av_promobox.avia-builder-el-35 {
background:rgb(197,17,29);
color:white;
}
.page-id-152 .avia-promocontent h5 {
color: white;
}

    Thanks again

    V

    • This reply was modified 10 years, 3 months ago by vuzzbuzz.
    July 31, 2014 at 5:30 pm #298333
    Yigit

    Hey!

    I am fine, thank you :) Hope you are fine as well.
    If you would like to apply the code globally, please remove page id from the code. So it should be as following

    .avia-promocontent h5 {
color: white;
}

    Best regards,
    Yigit

    August 2, 2014 at 5:34 pm #299159
    vuzzbuzz

    Hello Yigit.

    Thanks but it’s not what I’m looking for…

    While searching in other forum posts, I’ve discovered the “css class” which is totally what I’m looking for. But I don’t manage to make it work perfectly on my custom promox called “vuzz_promobox-concretement” (as a css class).

    Here’s my code :

    /*---CUSTOM PROMOBOX CONCRETEMENT - Couleur de fond, couleur du texte et couleur du titre---*/
.page-id-152 .av_promobox, .page-id-247 .av_promobox, .page-id-258 .av_promobox, .page-id-297 .av_promobox.avia-builder-el-11, .page-id-297 .av_promobox.avia-builder-el-27 {
background:rgb(197,17,29);
color:white;
}
.vuzz_promobox-concretement .avia-promocontent h5, .vuzz_promobox-concretement .avia-promocontent h6 {
color: white;
}

    It works well for the second code part (H5) but not on the first when I try to replace “page-id-152” by “vuzz_promobox-concretement”. What do I do wrong?

    Actually, I’d like to apply this custom css class to all the ALB elements I’ve created with this custom css class on (the text field at the end of the lightbox for the ALB configuration).

    I’d like to avoid typing all the pages IDs and ALB IDs in QUICK CSS like I’ve done before…

    Thanks! :)

    August 4, 2014 at 4:20 pm #299725
    Yigit

    Hey!

    Please try as following instead

    .vuzz_promobox-concretement.av_promobox { background:rgb(197,17,29); color:white; }

    I wanted to check your page once again but currently it cannot be found

    Regards,
    Yigit

    December 5, 2014 at 10:22 am #363478
    vuzzbuzz

    Hey Yigit!

    Just here to tell you that this time your tip is OK! It works great. I forgot to answer your last post…
    Thanks a lot.

    V

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change color of a specific H5 title in a promobox’ is closed to new replies.