[studio4sls]

Hello – I was able to change the color of my links in the menu, content and buttons, but can’t seem to get the a.hover to change on those elements. I found where it should work but it is not executing. I am also trying to remove the text-decoration: underline; to text-decoration: none; in the content area, but that too is not executing. My site is in maintenance mode, but will be live shortly – either tonight or in the morning. Hoping you can help me with this :))

Here is the code i inserted in the custom css for the on hover:

a, .view-more a, .entry-meta a:hover, .entry-meta a:focus, .content-area .entry-title a:hover, .content-area .entry-title a:focus, .archive-blog-wrapper .read-more a, .news-ticker-title a:hover, .news-ticker-title a:focus, .featured-content-wrap .entry-title a:hover, .featured-content-wrap .entry-title a:focus {
color: #ff3399;
text-decoration: none;
font-weight: bold;
}

I used text-decoration: none; in the a css as well (everything is working except text-decoration):

a, .view-more a, .entry-meta a:hover, .entry-meta a:focus, .content-area .entry-title a:hover, .content-area .entry-title a:focus, .archive-blog-wrapper .read-more a, .news-ticker-title a:hover, .news-ticker-title a:focus, .featured-content-wrap .entry-title a:hover, .featured-content-wrap .entry-title a:focus {
color: #ff3399;
text-decoration: none;
font-weight: bold;
}

Lastly i changed the buttons with this css (is working except on hover):

.btn-transparent, .ctnewsletter .ct-newsletter-wrap #subbutton, #nav-below .nav-links a, #nav-below .nav-links span.current, .wp-pagenavi a, .wp-pagenavi span, #infinite-handle span button {
border-color: #e8554e;
color: #e8554e;
}

I’m probably missing something obvious, but not finding it. Thank you! :))

[Mahesh]

@studio4sls: The underline text decoration is only in Read More text and to remove it, add the following CSS:

.archive-blog-wrapper .read-more a {
    text-decoration: none;
}

And for the buttons, what do you want, please clarify further. I mean, default color, border color, text, and on hover.

Regards,
Mahesh

[studio4sls]

Thanks but that didn’t solve the issue. I am trying to remove the underline on content links. All links in the content areas of posts and pages.

My second issue is the hover color on all links (menu, content and read more buttons – scroll up too but i disabled it). I got the links to change to pink, used #ff3399 – but when your cursor is on them (hovers), they go back to a red. I want them to be a darker pink or something else when you hover on them. a.hover a.focus, etc.

Thanks again!

[Mahesh]

@studio4sls:
Removing the underline on content links, add the following CSS:

.entry-content a, 
.entry-summary a, 
.taxonomy-description a, 
.logged-in-as a, 
.comment-content a, 
.pingback .comment-body > a, 
.textwidget a {
    box-shadow: none;
}

To change menu, content, read more buttons, scroll hover color, add the following CSS:

a:hover, a:focus, .view-more a:hover, .view-more a:focus, .entry-meta a:hover, .entry-meta a:focus, .content-area .entry-title a:hover, .content-area .entry-title a:focus, .archive-blog-wrapper .read-more a:hover, .news-ticker-title a:hover, .news-ticker-title a:focus, .featured-content-wrap .entry-title a:hover, .featured-content-wrap .entry-title a:focus, .main-navigation a:hover, .main-navigation a:focus, .main-navigation li:hover > a, .main-navigation li.focus > a {
color: #da197d;
}
  
  .backtotop:hover, .backtotop:focus {
    background-color: #da197d;
    border-color: #da197d;
    color: #fff;
}

Note: Please change the color as desired.

Regards,
Mahesh

[studio4sls]

Cool – that removed the underline and changed a.hover color :)) but the more buttons are still red on cursor hover.

[Mahesh]

@studio4sls: It would be easy if I could check your site. Add the following CSS:

.btn-transparent, .ctnewsletter .ct-newsletter-wrap #subbutton, #nav-below .nav-links a, #nav-below .nav-links span.current, .wp-pagenavi a, .wp-pagenavi span, #infinite-handle span button {
    background-color: #da197d;
    border-color: #da197d;
    color: #fff;
}

Hope this helps.

Regards,
Mahesh

[studio4sls]

Thanks for trying – but that didn’t work :))

Here is all the suggestions and custom css i have entered – maube something is conflicting that i am not seeing?

.content-area .entry-title, .content-area .entry-title a {
color: #000;
text-align: center;
font-family: Courgette, cursive;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, .content-area .entry-title, .content-area .entry-title a, a:hover, a:focus, a:active, .archive-blog-wrapper .read-more a:hover, .archive-blog-wrapper .read-more a:focus, .archive-blog-wrapper .read-more a:active, .view-more a:hover, .view-more a:focus, .view-more a:active, #nav-below .nav-links a, #nav-below .nav-links span.current, .wp-pagenavi a, .wp-pagenavi span, #infinite-handle span button, .news-ticker-title, .news-ticker-title a, .sub-title, .tour-dates ul li:first-child, .tour-dates ul li:nth-child(2), .tour-dates ul li:nth-child(3), .featured-content-wrap .entry-title a {
    color: #000;
}

a, .view-more a, .entry-meta a:hover, .entry-meta a:focus, .content-area .entry-title a:hover, .content-area .entry-title a:focus, .archive-blog-wrapper .read-more a, .news-ticker-title a:hover, .news-ticker-title a:focus, .featured-content-wrap .entry-title a:hover, .featured-content-wrap .entry-title a:focus {
    color: #ff3399;
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:focus, .view-more a:hover, .view-more a:focus, .entry-meta a:hover, .entry-meta a:focus, .content-area .entry-title a:hover, .content-area .entry-title a:focus, .archive-blog-wrapper .read-more a:hover, .news-ticker-title a:hover, .news-ticker-title a:focus, .featured-content-wrap .entry-title a:hover, .featured-content-wrap .entry-title a:focus, .main-navigation a:hover, .main-navigation a:focus, .main-navigation li:hover > a, .main-navigation li.focus > a {
color: #da197d;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: 700;
    color: #ff3399;
}

.btn-transparent, .ctnewsletter .ct-newsletter-wrap #subbutton, #nav-below .nav-links a, #nav-below .nav-links span.current, .wp-pagenavi a, .wp-pagenavi span, #infinite-handle span button {
    background-color: #dc0972;
    border-color: #dc0972;
    color: #ff3399;
}

.archive-blog-wrapper .read-more a {
    text-decoration: none;
}

.entry-content a, 
.entry-summary a, 
.taxonomy-description a, 
.logged-in-as a, 
.comment-content a, 
.pingback .comment-body > a, 
.textwidget a {
    box-shadow: none;
}

.backtotop:hover, .backtotop:focus {
    background-color: #dc0972;
    border-color: #dc0972;
    color: #fff;
}

[Mahesh]

studio4sls: I tried to check in your site but it say, Site is under maintenance. Is there a way I can check your site?

Regards,
Mahesh

[studio4sls]

Thanks. Try now. :)) It’s the more buttons, when your cursor is on them, they turn red :))

[Mahesh]

@studio4sls: Add the following CSS:

.btn-transparent:hover, .btn-transparent:focus, .ctnewsletter .ct-newsletter-wrap #subbutton:hover, .ctnewsletter .ct-newsletter-wrap #subbutton:focus, .main-slider .entry-container .btn-transparent:hover, .main-slider .entry-container .btn-transparent:focus, .ctgallerypostpageimage .read-more a:hover, .ctgallerypostpageimage .read-more a:focus {
    background-color: #da197d;
    border-color: #da197d;
}

Regards,
Mahesh

[studio4sls]

Yay! That worked! Many thanks!!!

[Mahesh]

@studio4sls: Thank you for your appreciation. If you like my support and Rock Star theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/rock-star?rate=5#postform
Have a nice day!

Regards,
Mahesh

[Author]

Posts