• Resolved sachinbalwp

    (@sachinbalwp)


    Hi,

    I would like to change the content of excerpt-dash from “-” to a “:”. Can you please let me know as to how do I go about it? I tried to use this code

    .excerpt-dash span {
    display: none;
    }
    .excerpt-dash:after {
    content: ‘:’;
    }

    But, it gives me a ‘-:’ instead of only ‘:’.

    Thanks

    Sachin

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter sachinbalwp

    (@sachinbalwp)

    I have resolved the problem by using code found on https://blog.escapecreative.com/how-to-replace-text-with-css/

    .excerpt-dash {
    visibility: hidden;
    position: relative;
    }

    .excerpt-dash:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: ” : “;
    }

    Thanks

    Sachin

    Coen

    (@cvansomeren)

    Thank you Sachin, I used this code to change the arrow after Read more to a ?-sign.
    Only issue now is that this falls outside of the hyperlink.
    Any more ideas?
    Regards and thanks, Coen

    • This reply was modified 8 years, 1 month ago by Coen.
    Thread Starter sachinbalwp

    (@sachinbalwp)

    Can you share the link to the website/blog or send me a screenshot? This will help me understand the problem.

    Thanks

    Sachin

    Coen

    (@cvansomeren)

    Hi Sachin,

    It concerns the page https://www.ammoliteglassart.nl/nl/alle-berichten/: “Lees verder ?”.
    I’m mistaken: the ?-sign is still part of the hyperlink, but not underlined any more at hover.
    Thanks in advance!
    Kind regards, Coen

    • This reply was modified 8 years, 1 month ago by Coen.
    Thread Starter sachinbalwp

    (@sachinbalwp)

    Hi Coen,

    I guess that you have defined “text-declaration” as “underline” in your code when you are doing “hover”.

    Try to add this

    .meta-nav:hover::after{
       text-decoration: underline;
    }

    Thanks

    Sachin

    • This reply was modified 8 years, 1 month ago by sachinbalwp.
    • This reply was modified 8 years, 1 month ago by sachinbalwp.
    Coen

    (@cvansomeren)

    Hi Sachin,

    You’re right about the underlining. Your code works fine for the ?-sign when hovering it, while I was wondering whether the complete link “Lees verder ?” could be underlined when hovering (some part of) it. You can see it now on my page (press Ctrl-F5).
    Besides that, the code seems to work fine for Chrome, not for IE.
    Perhaps better leave it as it was …
    Or can possibly the plugin be extended with some parameter for this part of Read more?
    Many thanks so far! Greetings, Coen

    Coen

    (@cvansomeren)

    In the end I did it with the second code from your previous link:

    .display-posts-listing span.meta-nav {
    	display: none;
    }
    
    .display-posts-listing a.more-link:after {
    	content: "?";
    }

    Thanks again!

    Thread Starter sachinbalwp

    (@sachinbalwp)

    That’s great :-). Glad that I could help you in some small way.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change content of excerpt-dash from “-” to “:”’ is closed to new replies.