-
AuthorPosts
-
October 26, 2018 at 7:01 am #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.jpgPage:
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 #1026907Hey 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 ShannonOctober 27, 2018 at 12:47 pm #1027000Hi 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 #1028010Hi 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,
NikkoOctober 30, 2018 at 3:03 pm #1028055Hi 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 #1029180Hi 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,
VictoriaNovember 2, 2018 at 6:22 pm #1029253This worked perfectly. Thanks a lot. Once more awesome support :) Thread can be closed.
November 3, 2018 at 7:30 am #1029423Hi,
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,
RikardNovember 3, 2018 at 7:30 am #1029425 -
AuthorPosts
- The topic ‘[Social Share Buttons] Border/Title removed on pages but not posts’ is closed to new replies.