Changing white line into black - by mbenven

This topic has 8 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Brian Johnson

  • Avatar: mbenven
    mbenven
    Participant
    March 6, 2015 at 15:32

    Hello I have to change the white into black for the two blok, green and blue on main page. The text beauty and creative i did, the line on top of text is set up right but it still display in white. But how do you change the two line?

    The code for the block is:

    <h5 class=”margin0″>Discover our</h5>

    <hr class=”divider horizontal-break margin0″ />

    <h1 class=”margin0″ style=”font-size: 48px; font-family: ‘Bodoni_regular’;”>Curative</h1>

    <hr class=”divider horizontal-break margin0″ />

    <h6 class=”margin0″>Obtain More Info</h6>

    both h5 and h6 are back but just one is displayed that way. And the line horizontal brake how do i make it black?

    Thank you

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 6, 2015 at 15:38

    Hello,

    Please add this code into custom.css file:

    .banner .banner-content h5{
    color: #000;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: mbenven
    mbenven
    Participant
    March 9, 2015 at 17:40

    Thank you for the reply. I did what you said but the line on the box are still white.

    http://ecbiz171.inmotionhosting.com/~dermoh5/

    If i do not manually change the code for text and font even if i change the h1 is set up ad multi but it still load up as another font. To obtain what I have on the right box I have to put a all code.

    So please could you advise how to make those line black.

    Thank you!

    Avatar: Eva
    Eva Kemp
    Support staff
    March 10, 2015 at 12:05

    Hello,

    The link gives 404 error.
    Please provide us with the correct link and a screenshot of what line you want to modify.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: mbenven
    mbenven
    Participant
    March 10, 2015 at 12:08

    Sorry i finally got my definitive link. Please try http://www.dermohelix.sg

    Ciao

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 10, 2015 at 13:20

    Hello

    You may try this code to color within the banner to black:
    1)for text:

    .banner .banner-content h5,h6{
    color: #000 !important;
    }

    2) for “hr” line
    .banner .horizontal-break {background:black!important;}

    Also please provide us with screenshot where necessary lines are highlighted with graphical editor instruments in case we changed wrong lines with code above.

    With best regards
    Brian Johnson

    Avatar: mbenven
    mbenven
    Participant
    March 10, 2015 at 14:37

    Ok great this two line did fix my color problem. One last question. I see in the code there is a h5 h6 which i assume go back to the font picker and stile i set up from back end. So why the font does not follow what I set up. Could you give me code to force it to be muli font?

    Thank you very much.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 10, 2015 at 15:28

    Our demo banners have their own h5,h6 overwritten style in style.css which was created for demo design purposes and in case you will decide to create your own elements they will inherit main styles. You may change the most of the elements with general styles for main style from admin panel. Also you may adjust styles from Visual Composer settings “custom style” for element adding!important tag to overwrite demo styles.

    With best regard
    Brian Johnson

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.