Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Reorient Portfolio Social Share to Vertical
New Landing › How can we help? › Themeforest Theme Support › Dante › Reorient Portfolio Social Share to Vertical
- This topic has 22 replies, 3 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Dante
-
May 28, 2014 at 9:12 pm #78386
This is a major element for our site given the number of solution pages we have so would appreciate any help to make this happen!
I would like to reorient the Social Share to verticle and set it flush up against the right side post detail image/header image and center it vertically on the image.
Attaching image showing placement of the first linkedin, but would want all of the buttons.
If you can make this happen you guys are my heros…
May 28, 2014 at 9:12 pm #78388This reply has been marked as private.May 29, 2014 at 8:34 am #78475Hi,
Please always provide any specific page URL .Thanks 🙂
With Best Regards
Swift IdeasMay 29, 2014 at 12:03 pm #78579May 29, 2014 at 12:23 pm #78601Hi
Add this to your custom css:
.share-links { position: fixed; right: 0; } .portfolio-options-bar .share-links ul li { border-left: 0 none; margin-bottom: 3px; } .share-links ul.bar-styling > li > a { border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; }
– Kyle
May 29, 2014 at 12:35 pm #78616Hi Kyle,
That code brought the horizontal social share flush against the side of the page. Is it possible to re-orient vertically so the bar runs down the right side of my page?
This is a huge element — any help you can give me is greatly appreciated!!
May 29, 2014 at 12:38 pm #78618Not sure what you mean? Your screenshot shows the icons flush to the edge?
– Kyle
May 29, 2014 at 12:39 pm #78619Ahh sorry, I am in firefox, I see that it has not worked for chrome. Let me check
In the meantime, check in firefox and let me know if this is correct
– Kyle
May 29, 2014 at 12:40 pm #78622Add this:
.portfolio-options-bar .share-links ul li { float: none; }
– Kyle
May 29, 2014 at 12:43 pm #78628hey kyle,
sorry, wasn’t clear. Here is a crude image of the alignment i am hoping to achieve. with the 5 social share (not all linked in) stacked vertically on the right side of the page.
May 29, 2014 at 12:45 pm #78633If you add the code above that’s how it will look
– Kyle
May 29, 2014 at 12:53 pm #78640Kyle — this looks amazing!!! thank you!!
Can you help me move this up a bit so we are centered on the yellow image?
http://lpanalyst.com/sitev2/?portfolio=restructuring-valuationThanks so much! I’m really stoked about the way this looks!
May 29, 2014 at 12:58 pm #78645Hi
Add this:
.portfolio-options-bar .share-links ul.bar-styling { padding-top: 40px; }
– Kyle
May 29, 2014 at 12:59 pm #78648looks like that moved them the wrong direction!
should it be padding-bottom?
May 29, 2014 at 1:00 pm #78650or just reduce padding-top?
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.