Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1026640

    I am currently using an adapted version of style 1 from the documentation here: https://kriesi.at/documentation/enfold/social-share-buttons/.

    This is working perfectly so far. The only issue I cannot figure out myself is the fact, that while having the following code in quick css, title/border are shown on posts but not on pages. The goal is to get rid of that on posts as well.

    Post:
    http://amarlia.com/Misc/post.jpg

    Page:
    http://amarlia.com/Misc/page.jpg

    /*—————————————-
    // CSS – Social Share style – 1
    //————————————–*/

    /* Social share title */
    .av-share-link-description {

    }

    /* Hide tool tip */
    .av-social-sharing-box .avia-related-tooltip {
    display: none !important;
    }

    /* Remove icon border */
    #top .av-social-sharing-box .av-share-box ul li {
    border-left-style: none;
    display: inline-block;
    vertical-align: middle!important;
    }

    /* Icon style */
    #top .av-social-sharing-box .av-share-link a {
    margin: 0 10px 0 0;
    width: 50px!important;
    height: 50px!important;
    border-radius: 30px!important;
    }

    /* Icon Color */
    .av-social-sharing-box .av-share-link a:before {
    color:#FFF;
    transition: all .5s ease;
    }

    /* Icon Color on hover */
    .av-social-sharing-box .av-share-link:hover a:before {
    color:#FFF;
    transition: all .35s ease;
    }

    • This topic was modified 6 years ago by Rikard.
    #1026907

    Hey zehessc,

    There may be different classes for the post. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1027000

    Hi Jordan,

    here are two examples. Things are slightly re-arranged compared to the screenshots, but the issue remains the same. The current css as shown above does not remove title and border on posts like it does on pages.

    Post: http://amarlia.com/amarlia/amarlia-erwacht-zum-leben/

    Page: http://amarlia.com/enzyklopadie/rassen/ruhltak/

    Thanks for taking a look.

    #1028010

    Hi zehessc,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .av-social-sharing-box-minimal .av-share-box ul {
        border: 1px solid;
    }

    As for the title, I couldn’t see it included in the page, did you use the same shortcode?

    Best regards,
    Nikko

    #1028055

    Hi Nikko,

    I tried the css code and it does not change anything. With 1px it adds the border on pages. With 0px it removes it on pages. On posts though, the social share buttons are still displayed with border in both cases.

    As for the title – you are correct, it is not included on the page. Exactly what the goal is for posts too.

    Using the style 1 code found HERE removes and adjusts everything properly on pages. It does keep both title and border on posts though, which I would like to have removed there as well.

    Best

    #1029180

    Hi zehessc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top.single.single-post .av-share-box ul  {
      border: none;
    }
    #top.single.single-post .av-share-box .av-share-link-description {
      display: none;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1029253

    This worked perfectly. Thanks a lot. Once more awesome support :) Thread can be closed.

    #1029423

    Hi,

    Great, glad you got it working and thanks for the kind words :-)

    I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1029425

    Forgot to close :D

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘[Social Share Buttons] Border/Title removed on pages but not posts’ is closed to new replies.