LInks Color

  • Posted in : Readme
  • makinlaby
    Participant

    I will like to change every link on my blog to color blue. Links inside my blog posts are already blue but I can see that my post title hover is not blue. I want that to be blue. I also want the continue reading button to be blue. I want blue to be my second branding color along with black. I want it to show up more around.

    I also want the Nav menu links to display blue for hover.

    This is what I want in simple words:

    I want post titles and nav menu links to be blue for hover.
    I want every other link to be blue (continue reading, post comment, older posts and others).

    Thanks for your wonderful support.

    makinlaby
    Participant

    Hi…..I’ve been uploading images into my blog posts and none is showing up. Please help. Why are my images not showing up in my blog post. I will be uploading images of different sizes and format. Most of them are screenshots showing my readers step by step guide. I need my images to work on the site. Please help me with this.

    makinlaby
    Participant

    Hello….I’ve got the image thing figured out. Don’t bother to answer that but I’m still waiting for your response on my first question. I can understand that today is Sunday.

    makinlaby
    Participant

    Hi,…..the space after the picture is too much. I will like to reduce it. The space after the quote is too much too and I will like to reduce that too. I’m trying not to stress you too much by asking all these questions at once here. Still looking forward to your response. Thanks in advance.

    serkan
    Moderator

    Hi makinlaby,
    Please go to appearance > customize > color > change the colors to blue.
    You can try to use these custom css code.

    .entry-content a.more-link:hover { border-color: #0800FF;  color: #0800FF; }
    .nav-menu ul li:hover, .nav-menu ul li a:hover { color: #0800FF; }
    .entry-title a:hover { color: #0800FF; }

    For your further question please provide me youre related url.
    Thanks

    makinlaby
    Participant

    Hi Serkan….The code worked! Thanks for that.

    You didn’t answer the other question. Well, my URL is https://rankrain.com and I’m setting up the blog.

    I will like to upload my image logo as I currently have text logo. What is the ideal size to upload?

    Is it 150 x 50 px?

    What’s the perfect size for Apple Touch?

    I can see the size for favicon. It’s 16px x 16px.

    I like uploading an image and giving readers options to enlarge that image without leaving the page. But I found out that the white space above and under the image is too much. Please I want the white space to be normal when I upload images that lets my readers enlarge the image just by a single + click.

    Check the example of an image with too much white space here: https://rankrain.com/more/

    serkan
    Moderator

    Hi makinlaby,
    -Image logo is limited to 24px height so for the retina devices, we recommend to upload 2x size. 48px height should work for you.
    -Apple touch icon : 180px X 180px

    You can use this custom css code for the white issue around the image.
    .aligncenter { margin: 0em auto; }
    Thanks

    Fitz
    Member

    Serkan,

    I am trying to get ride of the underline for the links in my blog posts. I think I have tried everything, but nothing seems to work.

    Could you help?

    serkan
    Moderator

    Hi Fitz,
    You can use this custom css code;

    .entry-content > p > a:not(.button), .entry-content > p > a:not(.button):hover { border-bottom: none; }

    Thanks

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register