Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #413700

    Hi, in my site i like in entries of blog,

    http://bit.ly/1MLmYR8

    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.

    #413716

    Hey 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,
    Yigit

    #413725

    Hi Yigit,

    I explain, if do you understandme I paint………

    http://bit.ly/1MLmYR8

    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.

    #414644

    Hi Yigit, any solution for this?

    Thanks so much!!

    Xavier.

    #414661

    Hey!

    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,
    Yigit

    #414673

    Hi Yigit, i have create a screenshot with explanation of I like css changes

    http://goo.gl/wWgkxN

    thanks!!
    Xavier.

    #415060

    Hey!

    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!
    Ismael

    #415062

    Hey!

    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!
    Rikard

    #415432

    Hi, 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.

    #415695

    Hey!

    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,
    Rikard

    #416349

    Hi 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.

    #416869

    Solved with underline tag.

    thanks so much, close this issue please.

    Xavier.

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘css for text link in entries of blog’ is closed to new replies.