Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 26, 2018 at 7:01 am #1026640
    zehessc

    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.
    October 26, 2018 at 6:22 pm #1026907
    Jordan Shannon

    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

    October 27, 2018 at 12:47 pm #1027000
    zehessc

    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.

    October 30, 2018 at 1:52 pm #1028010
    Nikko

    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

    October 30, 2018 at 3:03 pm #1028055
    zehessc

    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

    November 2, 2018 at 3:45 pm #1029180
    Victoria

    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

    November 2, 2018 at 6:22 pm #1029253
    zehessc

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

    November 3, 2018 at 7:30 am #1029423
    Rikard

    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

    November 3, 2018 at 7:30 am #1029425
    Rikard

    Forgot to close :D

  • Author
    Posts
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.