Archived

This topic is now archived and is closed to further replies.

  • 0

Quick Post Feed /Social Media link question

Question

Posted · Report post

Hey Guys,

Trying to figure out how to place an post feed / social media bar onto my page.

 

I want it on my home page Under a "Feature" section and above a "Boxes" section. Is there a plug-in or a widget to add for this?

 

Thanks!

 

-Ian

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Hi Ian

 

The example of the code for the social bar is in http://www.pagelines...tm-file-format/ I've pasted below for you.

 

So you example below, the div class and id's are the names of the div which the css can be assigned to. The link for the icon then follows.

 

<div class="mynewicons">
<div id="connect-pinterest" class="sbconnecticon"><a href="https://pinterest.com/XXXX/"></a></div>
</div>

 

Rob then assigned images/icons to those links using css code which related to the names id names he gave in the code above.

 

#connect-pinterest {
   background: url("http://www.PRIVATE.com/wp-content/uploads/2013/01/pinterest.png") no-repeat scroll 0 0 transparent;
   height: 43px;
   width: 43px;
}

#connect-pinterest:hover {
   background: url("http://www.PRIVATE.com/wp-content/uploads/2013/01/pinterest_rollover.png") no-repeat scroll 0 0 transparent;
   height: 43px;
   width: 43px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

Great - that seems to have done it. Thanks James!

Share this post


Link to post
Share on other sites

Posted · Report post

Excellent :-)

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Ian,

 

You can insert a full-width or universal sidebar in your template via Dashboard > PageLines > Drag & Drop > Page Templates.

 

You can then add a text widget to that sidebar.  Wrap everything in the text widget inside a custom div with a unique class to apply things like background and to set alignment. 

 

Then, create your HTML for the content. 

 

To get social media icons with hover effects, please see my reply to this post: http://www.pagelines.com/forum/topic/27509-rollover-effect-for-images-htm-file-format/

 

Any part that's going to have a different background will need its own unique class again, within the overall class.

Share this post


Link to post
Share on other sites

Posted · Report post

Awesome - that sounds like a great way. 

 

One problem... I have no idea how to do things like setting a custom class or HTML for the content. Do you have code that I could use as like an example? and then tweak on my own?

 

Im good enough with coding to tweak thigns that already exist.. just not making things from scratch.

 

-Ian

Share this post


Link to post
Share on other sites