-
AuthorPosts
-
March 18, 2015 at 4:06 pm #413700
Hi, in my site i like in entries of blog,
when I have a a text link I like the css styles for to have the text dotted.
when the mouse is “on hover” the text link I like allways the text continous dotted but in another color.I like this css styles only for text links, I don’t want dotted when “img element” is inside in “a href element”.
For solve this is necessary a class for “a href element” ?Can you help me?
Thanks so much!!
Xavier.
March 18, 2015 at 4:19 pm #413716Hey xpoveda!
Can you please post a screenshot and show the changes you would like to make? I am not sure if i understood you clearly
Best regards,
YigitMarch 18, 2015 at 4:26 pm #413725Hi Yigit,
I explain, if do you understandme I paint………
I like, by example the link “CERVEZA IPA” with dotted and color X.
When the mouse is on hover this link “CERVEZA IPA” is dotted and color Y.In this another entry http://bit.ly/1HxnLUy
exist many images with overlay with a href, i don’t want appear any dotted.Cheers!!
Xavier.
March 19, 2015 at 5:13 pm #414644Hi Yigit, any solution for this?
Thanks so much!!
Xavier.
March 19, 2015 at 5:27 pm #414661Hey!
Please try adding following code to Quick CSS
a + img { text-decoration: none !important; }
To be honest, i still did not understand the changes you would like to make or see any issues with images. Maybe you would like to remove image overlay?
Best regards,
YigitMarch 19, 2015 at 5:37 pm #414673Hi Yigit, i have create a screenshot with explanation of I like css changes
thanks!!
Xavier.March 20, 2015 at 6:56 am #415060Hey!
Unfortunately, the text-decoration-style: dotted is not supported by most browsers. You can use this:
.single .entry-content a:hover, .single .entry-content a:hover strong { text-decoration: underline; color: red !important; }
It will only change the text color and put a basic underline.
Cheers!
IsmaelMarch 20, 2015 at 7:07 am #415062Hey!
Please try the following in Quick CSS under Enfold–>General Styling:
.entry-content a:hover { border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-color: red !important; }
Cheers!
RikardMarch 20, 2015 at 5:50 pm #415432Hi, sorry but don’t work.
If I apply this css
.entry-content a, .entry-content a strong {
color: #206833 !important;
text-decoration: underline !important;
}.entry-content a:hover, .entry-content a strong:hover {
color: #FF6600 !important;
text-decoration: underline !important;
}The overlay image disappear and the “Read more” button appear underline.
I want only modifications of text links of single entry post.
Thanks so much!!
Xavier.
March 21, 2015 at 10:46 am #415695Hey!
The code is my previous post is for underline on links only, I see you modified it a bit. I’m not sure I understand what you want anymore, I thought you wanted your links to be underlined while hovering them?
Regards,
RikardMarch 23, 2015 at 12:56 pm #416349Hi Rikard,
I want to have the links of post entry with underline dotted with color X and, when hover, to have underline dotted with color Y.
With my modifications not work ok (March 20, 2015 at 5:50 pm)
Can you send me the css modifications for solve this?
Thanks so much!!
xavier.
March 24, 2015 at 3:13 am #416869Solved with underline tag.
thanks so much, close this issue please.
Xavier.
-
AuthorPosts
- The topic ‘css for text link in entries of blog’ is closed to new replies.