Return to previous page

Changing white line into black - by mbenven

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

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.

#47924 Copied Theme version: 1.7 WooCommerce version: 2.3.3

7 Answers
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.
#47931 Copied
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!

#48320 Copied

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.

#48483 Copied

mbenven

Participant

March 10, 2015 at 12:08

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

Ciao

#48487 Copied
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
#48517 Copied
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.

#48547 Copied

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

#48575 Copied
Tagged: black, changing, persuasive, themes, white line, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)