Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #13316

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

    Thank you in advanced.

    #78745

    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

    #78746

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

    Thanks

    #78747

    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

    #78748

    Ismael,

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

    #78749

    Hi cdubose574,

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

    Regards,

    Ismael

    #78750

    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

    #78751

    @ 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

    #78752

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

    Regards,

    Devin

    #78753

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

    #78754

    Hi cdubose574,

    Glad that we could help you. :)

    Cheers,

    Ismael

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Horizontal Ruler Color’ is closed to new replies.