Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1373457
    Antoine
    Participant

    Hello,

    I have some problem with the slyling of custom headlines accents. How can I have different styling on the same page?
    I tried something and then removed it as it didn’t work properly. The problem is that it doesn’t seem to be repoved somehow 5I still have white accents everywhere when I want it white on only one).

    URL: http://visualfxbzh.e-marketingmix.com/

    Thanks for your help !

    #1373674
    Rupok
    Member

    Hi there,

    You should place a custom class and apply CSS for that with the custom class so that it won’t affect any other headline. You can share what you are doing for which headline so that we can help.

    Cheers!

    #1373794
    Antoine
    Participant

    Would you pleqsehelp me zith the custom class code ?
    Moreover, all accents look whitenow and I do not understand why as there is no css for it anymore.

    Thanks for your help.

    #1374150
    Friech
    Moderator

    Hi There,

    If you need to change the default (white) accent color. Please add this on your custom CSS on Customizer.

    /*Change default accent color*/
    .h-custom-headline.accent span:before,
    .h-custom-headline.accent span:after {
    	border-color: blue;
    }

    If you need to change the color accent to an specific Custom Headline only, please apply a class on it (e.g. red-accent).


    screenshot

    Then add this on your custom CSS on Customizer.

    .h-custom-headline.red-accent.accent span:before,
    .h-custom-headline.red-accent.accent span:after {
    	    border-color: red;
    }

    Hope it helps, Cheers!

    #1374620
    Antoine
    Participant

    Thanks so much forthe very detailed answer!

    #1374693
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1373457 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>