CSS Styles for CTA and Numbered Lists

[Judy Asman]

Hello there!

When you can, will you please tell me what hover style is keeping me from changing the color in my CTA this page text on this page? It is a beige color (under the dog photos in the banner section).

Also, I’m trying to change the style for the ul and ol but to no avail. Can you please tell me what I’m doing wrong and how to correct it? (same link listed above but further down on page) Thanks!

[Binaya D]

Hi Judy Asman,

Could you please send us with screenshots because we are little bit confused about your issue. As well as the link which you have provided us, display page not found but you have told that under the dog photos, you want to change the hover style color. And we have attached the screenshots of your link page which you have provided us to show you that there is no dog photo in banner section.

Thanks
Untitled.png

Attachments:

You must be logged in to view attached files.

[Judy Asman]

Hi, Binaya,
I apologize for the confusion. I changed the hyperlink after submitting this ticket yesterday. Rather than include a screenshot, here is the new link to the page where I have questions:

http://www.sevensizesofthedog.com/index.php/teacup-dog-health/

What I would like to do is:

1) In the sentence featured in the CTA section:

“Photos of teacup size dogs courtesy of Tony Dougia of Dougia’s Cajun Kennel: http://www.smallestpoodle4u.com.”

In the http://www.smallestpoodle4u.com link, I would like to make the hover color darker. When I attempt to do this in CSS, it doesn’t work. So I wanted to know if there is another style that is overwriting what I’m attempting to do and how to correct.

2) Further down on the same page, is a numbered list. I need to make the font style consistent with the body / p text. But when I change the ul, ol style in CSS, it does not work. Can you please advise on how to fix.

Thank you and again I apologize for the confusion.

Judy

[Binaya D]

Hi Judy Asman,

Please use the following css to fix your issue:

#pref-cta a:hover {
        color: #282828 !important;
}

Please use the class in ol (for eg:

) by editing the page, then use the following css:

ol#custom-listing {
    color: black;
    font-size: 15px;
}

Note: Please use the custom css plugin or child theme to write the css

Thanks

[Judy Asman]

Binaya — thank you! Both CSS styles worked. I appreciate the prompt response and solution.
🙂

[Author]

Posts