• Resolved wpinfoplz

    (@wpinfoplz)


    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!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Ben Meredith

    (@benmeredithgmailcom)

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

    Thread Starter wpinfoplz

    (@wpinfoplz)

    thanks… it’s topsnookertips

    Ben Meredith

    (@benmeredithgmailcom)

    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;}

    Thread Starter wpinfoplz

    (@wpinfoplz)

    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.

    Ben Meredith

    (@benmeredithgmailcom)

    Any luck? try this code instead:

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

    That is giving it a bit more specificity.

    Thread Starter wpinfoplz

    (@wpinfoplz)

    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.

    Ben Meredith

    (@benmeredithgmailcom)

    The pictures question is likely a stock photo company.

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

    Have a great day!

    Thread Starter wpinfoplz

    (@wpinfoplz)

    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!

    Thread Starter wpinfoplz

    (@wpinfoplz)

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

    Please mark this as resolved.

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Widget Link Colour Plus Random Question’ is closed to new replies.