Hi
I have found the perfect beige theme accent color for the tabs on my front page. http://www.ladiesabroad.se/
But, from what I understand, the link color in the blog posts is also set by the theme accent color. The light beige colour is almost unreadable for text on white background. http://www.ladiesabroad.se/2016/10/are-utanfor-skidsasongen.html
Is it possible to set the link color to my dropcap color #b87333? Keeping the tabs in the theme accent colour. CSS change is OK.
Thanks.
Hello,
It will be way easier to change the block titles color than the links colors as there are many links and the css to target specific links is different and will get very big as the code needs to cover lots of situations where links are involved and there are lots of links on a site. Please switch the theme accent color to the dropcap color and simply use this code in the theme panel->custom css box to change the block titles back to the beige:
.block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{
background-color: #e7d38a!important;;
}
Thank you!
Hi and thanks.
I did as suggested on my test blog. It works fine, but:
1. The lines below the block tiles (which I guess are the one I call Tabs) are still the theme accent color
2. The bold link text for Instagram can be kept in its original color
3. Lots of other things changed as well.
4. Etc
If I isolate the color problem for the links only to the links shown in the blog post, page, category and tag templates, is it then possible to it the other way around and force them to be shown in the darker brown #b87333 color?
Hello,
Unfortunately this will not be an easy thing to adjust as thre is no particular code for each of these elements and just as the other method, it will affect lots of other things.l There are many many links on a website.
The correct path to take when you want to change the link colors like so is to style each post content link in particular. This way you can be certain that no other link is affected by the change. You can add an extra class to each link you add on your site and assign a certain color to the class. FOr example add this class on each of your links in html mode like so:
<a href="#" class="customlink">My custom link text</a>
Then you can add this custom css code in the theme panel and wherever you add the class, the css will apply:
.customlink{
color:#b87333!important;
}The other elements (static content) that cannot be edited in the pmce editor muust be targeted separately with css. I will have to know exactly which one to target. You mentioned categories and tags. What links do you want changed on these pages?
Css needs very precise instructions to work properly.
Thank you!
Hi
I do not really understand how to add an extra call. Also if I use this method, I guess I will have to update all my 800 previous posted articles manually?
Two questions:
1. Just to be sure we do understand each other right. What I am asking for is to change the colour of the links in the text of the blog posts, pages and category and tags. Only the text which is the actual written content of each blog post. Not the sidebar, title, footer and other links shown in each article. Is it no easy way to change only those links either?
2. Another solution. Can the hoover colour for the same links as described above be changed easily? That might be a solution which can work.
Thanks.
Hello,
Yes I understood what you mean but there is a limitation in the css. I cannot target just the links you added. I can provide a code that will target a link inside a p tag for instance…but it could affect multiple areas of your post.
Here is an example. This is the code i would provide for this to work:
.td-post-content p a{
color:#b87333;
}
But you will have to check to see if there are no other links affected in the post content.
The hover for these links can be changed in the same way. If the links do not have a specific class, it will affect all links inside a post. Use the code above for now as both solutions are equally general. Css needs specific and very particular instructions to work as we expect it to .If we cannot add specific and particular classes to our elements, then css will target all elements that fit the description we provide in the code. Right now the description is every link inside a p tag that is inside your post content. That can be lots of things. Not just a simple link you add. But it depends on what you add to your site.
Thank you!
….and which is please the best way to change the settings (colour, colour variation when clicked, if mouse on top appear underline) of all the links of the website?
Hello,
The color of all the links on website is affected by the theme panel theme accent color from here: http://screencast.com/t/FKpmbuoHrS
It’s best to pick the accent color for the links and change other more static elements with css if you do not want the theme accent colors over all elements. Links are very widely spread and used on all types of situations, Dropcaps for example, not so much. They can easily be changed, but the links are very hard to target.
Thank you!
Thanks Bogdan,
is there a page where I could know some “expert on newpaper theme” to obtain such a result without any trouble?
Claus
Unfortunately we have no customization department so we cannot recommend anyone, but it;s not such a big deal that it will require an expert on newspaper. It just css, no matter the theme. Any freelancer who knows his way around css can do it.
Thank you!
