Horizontal Ruler Color « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Abundance

Horizontal Ruler Color

11 posts from 4 voices

Started 11 months ago by cdubose574
Latest reply from Ismael
This topic is not a support question

Tags:

horizontal ruler text color

cdubose574
Member

What would be the custom css for changing the horizontal ruler color? The default color is to light.

Thank you in advanced.

Posted 11 months ago #
Devin
Moderator
Hi cdubose574,

You'll need to change the image that is used for the background of it to get an exact change. For the minimal skin, the image is in images>skin-minimal)hr.png.

If you just want to upload your own and then add the css yourself, you can add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.hr {
background: url("../images/skin-minimal/hr.png") repeat-x scroll left center transparent;
}
```
Just replace the image location with your own url so that the css replaces what is in the theme files.

Regards,

Devin
Posted 11 months ago #
cdubose574
Member

Devin, I'm sorry I meant the text color not the line itself. But now I know how to change the line :-)

Thanks

Posted 11 months ago #
Ismael
Moderator
Hi cdubose574,

Try adding this in your Quick CSS:
```
.hr,
.hr a,
.hr a.scrollTop {
   color: black;
}
```
if this doesn't work try using this instead:
```
.hr,
.hr a,
.hr a.scrollTop {
   color: black !important;
}
```
Just change the color. Hope this helps. :)

Regards,
Ismael
Posted 11 months ago #
cdubose574
Member

Ismael,

Neither code worked. I even used number (color:#000000) to see if that would work. Any other ideas? :-) Thanks in advanced.

Posted 11 months ago #
Ismael
Moderator

Hi cdubose574,

Can you post a link to your site? so we can inspect it a bit further. :)

Regards,
Ismael

Posted 11 months ago #
cdubose574
Member

Ismael,

the site is jeweldrives.com. One the homepage. the product slider shows the category names but they are very light. i just want to make them a bit darker. thanks

Posted 11 months ago #
WarriorSan
Member
@ cdubose574,

Add this to your Quick CSS / custom css:
```
.custom_hr_text {
color:#AAA;
}
```
Change #AAA; to the #color you want also if you need to change the font size:
```
.custom_hr_text {
color:#777;
font-size:15px;
}
```
Hope this helps!

Greetings,

WarriorSan
Posted 11 months ago #
Devin
Moderator

The CSS from WarriorSan looks correct. Give it a try and let us know if it doesn't work for you.

Regards,

Devin

Posted 11 months ago #
cdubose574
Member

Awesome! It worked. Thanks again for all the great support.

Posted 11 months ago #
Ismael
Moderator

Hi cdubose574,

Glad that we could help you. :)

Cheers,
Ismael

Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Horizontal Ruler Color

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…