Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #297840

    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!

    #298009

    Hi vuzzbuzz!

    Please use following code instead

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

    Cheers!
    Yigit

    #298325

    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 9 years, 8 months ago by vuzzbuzz.
    #298333

    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

    #299159

    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! :)

    #299725

    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

    #363478

    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

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.