WordPress.org

Ready to get started?Download WordPress

Forums

Travelify
[resolved] Widget Link Colour Plus Random Question (10 posts)

  1. wpinfoplz
    Member
    Posted 5 months ago #

    Just came across this theme 2 days ago and in my personal opinion, it's awesome!

    If you don't mind, I would like to ask you 2 questions:

    1)
    Despite using firefox's 'inspect element' tool, I can't quite figure out how to change the link colour for the widgets section.

    Could you please help me figure out how to change both the hover and normal states of all the links within my current and future widgets? (I basically want to change the link colours to all my widgets without effecting my post's links.)

    2)
    I was just wondering where you got those amazing pictures for your demo site? They look pretty amazing, particularly the ones from the (gallery).

    Thanks!

  2. Ben Meredith
    Member
    Posted 5 months ago #

    Can you post a link to your site and I'll take a look?

  3. wpinfoplz
    Member
    Posted 5 months ago #

    thanks... it's topsnookertips

  4. Ben Meredith
    Member
    Posted 5 months ago #

    I'll answer #1.

    You basically want to use CSS to tell the browser to color only certain classes of links a certain color.

    the class in question is "widget" and the way to specify links is the letter "a" and the way to specify hovered links is the selector "a:hover"

    So try adding this to your CSS (replacing "blue" with either a hexidecimal color code or any number of words):
    .widget a:hover {color:blue;}

  5. wpinfoplz
    Member
    Posted 5 months ago #

    I tried adding the code into my child theme's stylesheet but it doesn't seem to be working.

    It's pretty late here in the UK and I'm about to go to bed. I 'll wake up nice an early to have a crack at this again.

    Thanks for helping Ben Meredith.

  6. Ben Meredith
    Member
    Posted 5 months ago #

    Any luck? try this code instead:

    .widget ul li a:hover {color:blue;}

    That is giving it a bit more specificity.

  7. wpinfoplz
    Member
    Posted 5 months ago #

    Yay!

    Using your answer, I did the following and it worked:

    .widget ul li a:hover {
    color:blue;
    }
    .widget ul li a{
    color:red;
    }

    Thanks buddy, you're a star :)

    P.s. As a just in case, I also posted this question on the main site of this theme. Over there, I also have 2 other questions that i'd like to be answered.

    I'll update this thread of the results.

  8. Ben Meredith
    Member
    Posted 5 months ago #

    The pictures question is likely a stock photo company.

    And it looks like you figured out the submit button question.

    Have a great day!

  9. wpinfoplz
    Member
    Posted 5 months ago #

    Yeah, the picture is probably from a stock site but which one... and is it free :)

    Unfortunately I still haven't yet figured out how to darken the send button so that it matches the rest of my site.

    Thanks again buddy!

  10. wpinfoplz
    Member
    Posted 5 months ago #

    I took some time but my questions have been resolved. The solution can be found over here.

    Please mark this as resolved.

    Thanks!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.