Link colors / image quality / heart symbols

  • Posted in : TheBlogger
  • mette
    Participant

    Hi :)
    I am using the albert theme, but i dont like that the links in the dropdown menu, blogpost title, older post button and comment button get a background hover color. I like how the links in my main menu change text color instead, and I would like that to be the same with the ones i just mentioned (and with a white background as the main menu)

    the quality of the images arent that great, especially from a mobile device, where you often zoom in. I had this problem before with another theme and the way they solved it was doing something like this “it will show the >> source << image however you upload it, rather than resizing or scaling.” Is this possible to do with this theme too? as resizing and scaling pictures doesnt really make the quality better in my experience.

    The last problem I have is when I use heart icons/text symbols, they change into a emoji on mobile device, is this something that can be changed, so that it stays a text symbol on mobile?

    Thank you, I really like the theme :)

    ahmetsali
    Keymaster

    Hi, you can try this custom css code;

    .entry-meta a:hover, 
    .blog-stream .entry-title a:hover, 
    .comment-meta a:hover, 
    .comment-reply-link:hover, 
    .navigation a:hover, 
    .post-pagination a:hover, 
    .more-link:hover {
        color: #000; background-color: #fff;
    	}
    .entry-meta a:active, 
    .entry-title a:active, 
    .comment-meta a:active, 
    .comment-reply-link:active, 
    .navigation a:active, 
    .post-pagination a:active, 
    .more-link:active {
        border: 0; 
    	}
    

    please create another topics per your other questions, thanks.

    mette
    Participant

    thank you, it worked for most of it. But my drop-down-menu and “post comment” button still have a hover background, and I would like the white background and hover-text-color for them as well :)

    serkan
    Moderator

    Hi mette,
    You can add this custom css code as well.

    input[type=submit]:hover { color: #000; background-color: #fff; }

    Thanks

    mette
    Participant

    Thank you, it worked for the comment button, but my drop-down-menu still have a hover background, and I would like the white background and hover-text-color for that as well :)

    serkan
    Moderator

    Hi, You can use this custom css code;

    @media screen and (min-width: 992px) { 
    .nav-menu ul ul li a:hover { background: #fff; color: #000; } }

    Thanks

Viewing 6 posts - 1 through 6 (of 6 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