Hello,
In a lot of websites, words with hyperlinks are the usual color and underlined in a different color. When you pass over, the text becomes the same colour as the link
(e.g.: https://robbreport.com/motors/cars/ac-cars-ace-rs-electric-shelby-cobra-restomod-1234634139/
Text = gray
Underline = red
When you pass over the text becomes red).
How to have the same in “Text with title” and Posts?
Thank you
Regards
Stefane
Hi,
Add the following code to the Custom CSS section or Live CSS section and save.
.tdb_single_content a {
border-bottom: 1px solid #ed1d25;
}
.tdb_single_content a:hover {
color: #ed1d25;
}
I hope you will find this helpful.
Hi
I added the code:
-In the posts: the text with hyperlink is orange (??). The underline is red (OK). The hover text is red (OK).
In block “Text with title”:
I created a link before setting up the given code and I noticed that the text does not appear as a hyperlink. However, on hovering the cursor changes appearance (hand) and I can click on the affected text and the link works.
After setting up the code: no change in appearance (code = no effect).
Hello @stefanegirard,
Please provide some screenshots with your settings and where you set the text with title.
Also, on the element, you can set the link color/hover => https://i.imgur.com/APVLrEp.png and post content => https://i.imgur.com/E87QskH.png
Thank you!
Hello
I do not see how to add a screenshot from this page.
please help
Thanks
Hi, you need to store the image on some platforms like imgur (using greensgot) or lightshot.
Also to set for links in red, blue … colors and the orange for hover, in may case I have set other colors -> https://i.imgur.com/blLQIG6.png -> https://i.imgur.com/ArguZvR.png also when you increase the post content the link you’ll change the links content too -> https://i.imgur.com/kkS93lO.png
This can be done with tagDiv Composer on single post templates.
Thank you!
Hi,
1)”Text with title”: Here’s my settings:
https://photos.google.com/photo/AF1QipNsZJmrPmpbZlVFwBeGkKpjEecA5-umYfUEUK5w
The text does not appear as a hyperlink (no line below the text). However, on hovering the cursor changes appearance (red) and I can click on the affected text and the link works.
As explained previously, I want the text black with a red line below the text.
2) Posts: it works!
https://photos.google.com/photo/AF1QipPr_3yI7AZzax5v02NAa1zlSjzP6oDq9nhKCfIf
Regards
Stefane
Hi,
Unfortunately, I do not have access to your screens -> https://i.imgur.com/Q5z8cDO.png
On text with title the colors on links can be set from here -> https://i.imgur.com/pH0QQsm.jpgafter that just add this custom css for underline -> https://i.imgur.com/E27dZdn.png
.wpb_text_column a, .wpb_text_column a:hover, .td_block_text_with_title a, .td_block_text_with_title a:hover{
text-decoration: underline red!important;
}
Set this code in the theme panel> custom code> custom css.
I hope it will help you!
Hi,
Your code is ok but unfortunately, it applies to the Custom title too (I added an URL in “Title url”).
Could you fix that?
Thanks
Hello,
So, do you to change the color only for text with title? If yes, please add an extra class to the element and add that class in the custom code => https://i.imgur.com/M8Le6Jj.png
Thank you!
Thanks but I do not know what a extra class is.
I am not a professional or a developer.
Hello,
Please add an extra class in the element, for example I set the class .td-text-decoration -> https://www.screencast.com/t/Fseadw9wh =>
.td-text-decoration .wpb_text_column a, .wpb_text_column a:hover, .td_block_text_with_title a, .td_block_text_with_title a:hover{
text-decoration: underline red!important;
}
Hope this code will help you to achieve what you want!
Thank you!
Hi, it works for web but how do I make it work for Mobile Theme (plugin). I copied the code in custom css panel of Mobile Theme but its not updating, I am not sure if the class is still “tdb_single_content” in Mobile Theme.
Hello,
Usually, the element text with the title is not available for mobile theme plugins. Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose your mobile version.
Please provide the link to your website and what you want to change.
Thank you!
Got it, honestly I would rather stick to Mobile Theme (Plugin) because its giving me best page speed insights. I would rather chose this Mobile theme plugin over hyperlink underlines (other options). I would love it if this option is integrated into the plugin in near future.
Hi,
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://spraythemes.com/newspaper-theme/how-to-speed-up-the-newspaper-wordpress-theme-using-wp-rocket/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Thank you!
