-
AuthorPosts
-
January 27, 2016 at 11:39 am #572758
Hi
ive tryed this:
https://kriesi.at/support/topic/share-icons-on-pages-and-portfolio-items/#post-260646
But the socialbar is shown on top of the page, and it also show in normale pages (and destroys my menu).
I only want it to show on single porfolio items (at the botom)
tnx! :)
January 27, 2016 at 11:50 am #572768January 27, 2016 at 11:54 am #572770Hi!
I checked it out, its working for the single portfolio page. But is it alsow showing on the normal pages. I dont want that. :)
January 27, 2016 at 11:55 am #572771Simply change this part:
if($context == "page" || $context == "single-portfolio" || $context == "product")
To:
if($context == "single-portfolio" || $context == "product")
Best regards,
JosueJanuary 27, 2016 at 11:58 am #572772January 27, 2016 at 12:01 pm #572775Try adding this code to the Quick CSS:
.page #custom_share_box { display: none; }
Cheers!
JosueJanuary 27, 2016 at 1:10 pm #572819Hi!
it’s still showing on the bottom off the pages.
Another solution? :)
Style.css
/*Remove big automated image on portfoliopage*/ .single-portfolio .page-thumb { display: none; } */ Social media verwijderen op PAGES */ .page #custom_share_box { display: none; } */ Achtergrondkleur heading */ .av-special-heading-tag { height: 100px; position: relative; top: 40px; } .av-special-heading-tag span { background: rgba(255, 162, 29, 0.5) none repeat scroll 0 0; border-radius: 15px; padding: 10px 20px; } /* Menu Kleuren */ /* Home */ li#menu-item-11 a { background-color: #545454!important; } /* IT Diensten */ li#menu-item-249 a { background-color: #2d5c88!important; } /* Telefonie */ li#menu-item-261 a { background-color: #dd6666!important; } /* Mobiel */ li#menu-item-263 a { background-color: #61afd3!important; } /* Internet */ li#menu-item-262 a { background-color: #00ddb1!important; } /* Veiligheid */ li#menu-item-353 a { background-color: #816084!important; } /* Website */ li#menu-item-477 a { background-color: #ffa21d!important; } /* Nieuws */ li#menu-item-274 a { background-color: #545454!important; } /* Portfolio */ li#menu-item-511 a { background-color: #545454!important; } /* Contact */ li#menu-item-266 a { background-color: #545454!important; }
functions.php
add_action('ava_after_content', 'avia_add_social_toolbars', 10, 2); function avia_add_social_toolbars($id = "", $context = "") { if($context == "single-portfolio" || $context == "product") avia_social_share_links(); } add_filter('avf_template_builder_content', 'avia_add_social_toolbar_template_builder', 10, 1); function avia_add_social_toolbar_template_builder($content = "") { $content .= '<div id="custom_share_box" class="avia-section main_color container_wrap"><div class="container">'; $content .= avia_social_share_links(array(), '', '', false); $content .= '</div>'; return $content; }
- This reply was modified 8 years, 10 months ago by c3computers.
January 27, 2016 at 1:14 pm #572823There are some typos in your stylesheet comments that are preventing the code from working – http://c3computers.nl/wp-content/themes/enfold-child/style.css. CSS comments should be like:
/* comment */
Not like this:
*/ Comment */
January 27, 2016 at 1:18 pm #572828Hi it working
that was a special kind a stupid :p
many tnx!
Topic can be closed
January 27, 2016 at 1:19 pm #572831You are welcome, glad to help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Add socialbar to portfolio items (with aviabuilder activated)’ is closed to new replies.