Hello I would like to change the link style of the theme, but ONLY inside the post content or page content. Not the entire site.
I would like to make the link have a bottom border and keep the default color, not the accent one.
Which .a class do I need to alter?
https://www.dropbox.com/s/vfg63t1j7ivvvn7/link%20styling.jpg?dl=0
Thanks
Hello skyscorcher,
Please try the code below and place it in Theme panel->Custom Css area. If you are using this code, all the links in your website will be highlighted, like this: http://screencast.com/t/DDZ46wqiXKd
a {
text-decoration: underline;
}
Thank you for the message!
Hi Like I said I don’t want ALL the links of the site to have the styling, I only want to change the class that will alter the style of the links inside a post.
Have you even seen the screenshot I sent you?
Thanks
Hello skyscorcher,
Please try to use the code below and place it in Theme panel->Custom Css area. The result you should see here:
http://screencast.com/t/hPzvV3Qu
.td-post-content a {
text-decoration: underline;
}
.td-ss-main-sidebar a {
text-decoration: underline;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Hi this did the trick, and it works ok 🙂
I have another domain tho, with the main theme, but when I implement the CSS the styling remains the same.
Any idea wat is going on?
thanks
domain is: 99wines.net
Hello skyscorcher,
I’ve checked your domain with this styling and everything seems to work properly. The result you should see here: http://screencast.com/t/E1M0PlPtThWe
Hope this helps and let us know how it goes!
Thank you!
the problem is I have used this code inside the CSS editor of the theme
.td-post-content a { border-bottom: 3px solid #999; }
.td-post-content a:hover {
text-decoration: none; !important;
border-bottom: 3px solid #b51f1f;
}
but it wont show up on the site.
it should have a grey underline when not on hover.
https://www.dropbox.com/s/11ckc7hggjvpj0j/Screen%20Shot%202015-12-15%20at%2016.53.58.png?dl=0
Moreover I would like to implement the same links on pages this time. What is the class i need to target?
I tried: .td-page-content a { border-bottom: 3px solid #999; }
but it didn’t work.
thanks
Hello skyscorcher,
I’ve tested your code on your website and everything seems to work properly, like this: http://screencast.com/t/m1z9eGEqUE
.td-post-content a {
border-bottom: 3px solid #999;
}
.td-post-content a:hover {
text-decoration: none!important;
border-bottom: 3px solid #b51f1f;
}Also, if you want to have border-bottom for each a element in your page, please try the code below.
.td-container a {
border-bottom: 3px solid #999;
}The result you should see here: http://screencast.com/t/jVsx51KF9
Please check your Custom Css area, because should not be syntax errors for a better compilation: http://screencast.com/t/Mjx4D9vWX
Hope this helps and let us know how it goes!
Thank you for the message!
Please try without LiveCSS editor. With LiveCSS it works on mine as well.
But although I have put the same code as copy > paste inside the Custom CSS in theme options it is not working.
Have you seen the screenshot I sent you?
On the second subject I don’t want the styling to be on the titles of the posts. I want it to be INSIDE PAGES. Like in posts.
Do you understand me?
Thanks
Hello skyscorcher,
Please try the code below and the code will be applied only for your pages. Please check again your Custom Area because I saw that you have in addition a curly brace, like this: http://screencast.com/t/kXfDfzihw
.page .td-container a {
border-bottom: 3px solid #999;
}
Hope this helps and let us know how it goes!
Thank you for the message!
