Could you provide a link to your site running Dyad so folks can take a look directly? If your site isn’t yet live we can work off the demo but it’s better if we can see what you’ve already done with your site so a live link is preferred. Thanks!
Oh no, how do I do that correctly? I thought I did
I don’t see a URL in your post above. At what web address can people see your site? Something like http://mysite.com
I have an identical question. Specifically how you can edit the color and the mouse over color.
Below is what I have tried so far:
http://keto.therowdyhelpdesk.com
/* Read More */
.posts .link-more a:hover {
text-decoration: underline;
}
.entry-content .link-more a {
background-color: white;
color: lime;
}
.link-more a {
background-color: blue;
color: lime;
}
Should have waited just a little longer. I found the solution:
/* Read More */
.posts .link-more a:hover {
text-decoration: underline;
}
.entry-content .link-more a {
background-color: #fff;
color: #174800;
}
.posts .hentry:hover .link-more a {
background-color: #174800;
color: #fff;
}
Sorry about that, I finally found how to make it live. Still getting to know everything on wordpress, haha
miscluci.com is my site
Thank you Rowdya22 by the way, I’ll try that out!
rowdya22 – glad you figured out how to get the effect you want, thanks for sharing your solution.
misslucyloo – thanks for providing the link to your site. Let me answer your first question; I’ll answer the other separately in another reply.
— How do I change the color of the read more button?
These two pieces of CSS – similar to what rowdya22 provided – should change the button background and text colour. Try adding it to your custom CSS — and of course replace the example colour codes with your own.
/* Background and text colour on Read More links */
.entry-content .link-more a {
background-color: #bb00bb;
color: #000000;
}
/* Background and text colour for hover state on Read More links */
.posts .hentry:hover .link-more a {
background-color: #000000;
color: #ffffff;
}
–When you click a post, the featured image appears on the left with the title etc. There’s also a box that contains the post’s categories (so for instance I have categories fashion and travel). How do I change the color of this category rectangle?
I looked at this post on your site as an example and came up with this custom CSS to change the category rectangle that’s currently blue:
.has-post-thumbnail .entry-meta .cat-links {
background-color: #bb00bb;
color: #fff;
}
Change the background and text colours to your preferred shades.
Let me know how it goes.
Thank you so so much Kathryn! That worked perfectly! I appreciate all your help
Wonderful, glad that did the trick!
Feel free to start a new thread if you need help with anything else – I’ll mark this one as resolved.
I would like to remove the box containing the post categories completely, is that possible?
saskegg – thanks for starting a new thread, you’ll get a reply there: https://ww.wp.xz.cn/support/topic/dyad-category-page-title
