Link style posts incorrectly styling share text

  • Resolved bwooster47

    (@bwooster47)


    11 years ago

    I think this could be improved in the Customizr style files – seems like a bug to me, but not sure.

    If I choose a “Link” style for a post, it uses this css code to add a double right arrow after the link:

    article.format-link .entry-content a:after {
...
content: "0bb";
top: 6px;
}

    This is fine for the text in the post. But if I use a share plugin that adds its links into the post, then those links also get the same style. That is wrong – the above style should only apply to the Post text and not to other plugin’s text… Not sure if this can be done at all though in blue.css or other Customizr files, so this may just be something we have to manually override.

    I’m not that familiar with css, but what I need to do is to avoid applying the above CSS to the embedded class really_simple_share.

    The full CSS looks like this:

    <article id="post-184" class="post-184 post type-post status-publish format-link hentry ... row-fluid">
    .. all links here should use the customizr link style...
    <div style="min-height:33px;" class="really_simple_share really_simple_share_button ...">
    .. no links here should use any customizr link style...

Viewing 4 replies - 1 through 4 (of 4 total)
  • acub

    (@acub)

    Could you please provide a link?

    Thread Starter bwooster47

    (@bwooster47)

    The site is in an internal network, not launched yet.

    I’ve uploaded an image here to
    show the wrong 0bb content.

    To reproduce this, add the Really Simple Share plugin, and set it up to include the Email link.

    I suspect there is no way Customizr CSS files can fix this, so it has to be fixed by Really Simple Share developers. But another way to fix this to use a CSS override in my Customizr-Child there.

    That is what would be quickest – except that I’m not that familiar with CSS.

    I think the idea is to override the CSS for a link by defining a “more specific” CSS identifier, maybe something like this:

    article.format-link .entry-content .really-simple-share a:after {
...
}

    and then override every thing in the Customzr style for article.format-link… there is a lot in there to repeat, so if anyone has a simpler method, let me know.

    acub

    (@acub)

    if this is the correct identifier, than all you need to add in CSS is:

    article.format-link .entry-content .really-simple-share a:after {
content: none;
}

    Thread Starter bwooster47

    (@bwooster47)

    Great, that works just fine, did not need to override padding or top values.

    article.format-link .entry-content .really_simple_share a:after {
content: none;
}

    is the exact line used.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Link style posts incorrectly styling share text’ is closed to new replies.

Tags