Jump to content


Photo
- - - - -

Brand Section - Phone Number and Message above Social Media Icons

branding section phone number over branding separate divs above icons

Best Answer Rob , 11 March 2013 - 10:03 PM

Hi,

 

The good news is the site's working now. Must have been a browser glitch or something.  phone number is clickable.

 

I think your HTML is a bit off.  See this: http://stackoverflow...ndroid-phone-to

 

The method to add the additional line is to do something like:

 
// ADDS CONTACT DETAILS TO BRANDING ------- //
add_action( 'pagelines_branding_icons_start', 'brand_phone');
                  
function brand_phone(){ ?>
<h4 class="phoneRight"><a href="tel:5416178873">Call us: (541) 617-8873</a></h4>
<div class="phoneRighttext">your text content</div>
<?php
}

You then create CSS for the phoneRighttext class, setting up the style of the text as you'd like, such as color, font, font-weight, etc.

Go to the full post


  • Please log in to reply
5 replies to this topic

#1 mwest

mwest

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 11 March 2013 - 06:07 PM

Hey Guys,

 

I have looked at some of the posts in the forum and I am still having trouble with putting a phone number with a message under the phone number (have not attempted the message part yet) and having both of these sections reside over the social media icons in the branding section.

 

I think I need to create two new "divs" to do this. However, I am not sure what the best route would be or how to actually create the divs via php. 

 

Currently, the .phoneRight section is inheriting the 24 x 24px status from the .section-branding .icons section. Wondering if I could get some help creating a separate div via php (if this is right course) for these sections. Any help for this newbie would be greatly appreciated.

 

Thank you!

 

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

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

Posted 11 March 2013 - 06:23 PM

How are you implementing the DIV right now? Can you please paste the code for it here?



#3 mwest

mwest

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 11 March 2013 - 07:43 PM

Please Login or Register to see this Hidden Content

 

I grabbed this code from somewhere in the forums and pasted it in the customize plugin folder...

 

The CSS for the .phoneRight and branding icon sections are as follows...

 

Please Login or Register to see this Hidden Content

 

There is probably a more concise way to write the CSS. I have been tinkering with the CSS, trying to figure it out...



#4 Rob

Rob

    One Smart Egg

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

Posted 11 March 2013 - 09:31 PM

Hi,

 

The site link you provided isn't working at present, so I can't see this to help more specifically.

 

Is the code provided first, above, in functions.php inside wp-content/plugins/pagelines-customize? Was the entire group added at the end of that file?



#5 mwest

mwest

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 11 March 2013 - 09:45 PM

Yep. The code was added to the customize plugin. The link was working for me... 



#6 Rob

Rob

    One Smart Egg

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

Posted 11 March 2013 - 10:03 PM   Best Answer

Hi,

 

The good news is the site's working now. Must have been a browser glitch or something.  phone number is clickable.

 

I think your HTML is a bit off.  See this:

Please Login or Register to see this Hidden Content

 

The method to add the additional line is to do something like:

Please Login or Register to see this Hidden Content

You then create CSS for the phoneRighttext class, setting up the style of the text as you'd like, such as color, font, font-weight, etc.