Jump to content


Photo
- - - - -

How to place content directly above the Social Media icons (Similar to Post ID:3200)


  • Please log in to reply
5 replies to this topic

#1 rlogan

rlogan

    Super Member

  • Members

  • 161 posts
  • LocationChicago, IL.
  • Framework Version:DMS and Framework Developer
  • Country: Country Flag

Posted 17 May 2012 - 06:21 PM

This post:

Please Login or Register to see this Hidden Content

is the closest I could find for a solution, but I believe it is too dated...for my Framework version.

I would like to add "Example Text" | "Example Text", placed a couple of lines above the Social Media icons and right-aligned with the icons.

Any help would be appreciated. Thank you.
Ryan
PageLines Pro - Developer v2.1.6

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 May 2012 - 07:12 PM

Ryan, it might help if you could send a mocked-up screen-shot of what you're trying to accomplish. Sorry to make you take an extra step, but for clarity of purpose, it would be really helpful. Did you mean to add customized content like a phone number, address or ad above the branding area social media links, like I have a Google leaderboard at

Please Login or Register to see this Hidden Content

?

#3 rlogan

rlogan

    Super Member

  • Members

  • 161 posts
  • LocationChicago, IL.
  • Framework Version:DMS and Framework Developer
  • Country: Country Flag

Posted 28 May 2012 - 03:29 PM

Hi. I'd just like to add two lines of text above the social media icons. (see example below) line of text line of text social media icons

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 28 May 2012 - 08:42 PM

See the solution I provided here:

Please Login or Register to see this Hidden Content

Essentially, you can change the div class title, and change the content you want inside the div. In this example, a different div was created for each line so that different styling could be applied to each line. You also need one div to wrap the entire thing so you can align it all, correctly.

#5 rlogan

rlogan

    Super Member

  • Members

  • 161 posts
  • LocationChicago, IL.
  • Framework Version:DMS and Framework Developer
  • Country: Country Flag

Posted 29 May 2012 - 12:14 AM

Thank you for the response. However, I'm not sure we're talking about the same thing. Please see the attached image. Thanks again.

Posted Image

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 29 May 2012 - 02:54 AM

You can use a hook to add the text. You'll need either the PageLines Customize plugin or the Base theme, which are explained here (if you're already using either then that's awesome):

Please Login or Register to see this Hidden Content


Please Login or Register to see this Hidden Content



The hook can be styled using Custom CSS:

Please Login or Register to see this Hidden Content


For example:

Please Login or Register to see this Hidden Content

(For reference:

Please Login or Register to see this Hidden Content

)