Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Brand Section - Phone Number and Message above Social Media Icons

Started by mwest , Mar 11 2013 06:07 PM

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

Newbie

Members
7 posts

Country:

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

Back to top

#2 catrina

Advocate

Moderators
12,345 posts

LocationCalifornia
Country:

Posted 11 March 2013 - 06:23 PM

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

Back to top

#3 mwest

Newbie

Members
7 posts

Country:

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...

Back to top

#4 Rob

One Smart Egg

Moderators
9,426 posts

LocationEast Coast, USA
Framework Version:The Latest, of course
Country:

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?

Back to top

#5 mwest

Newbie

Members
7 posts

Country:

Posted 11 March 2013 - 09:45 PM

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

Back to top

#6 Rob

One Smart Egg

Moderators
9,426 posts

LocationEast Coast, USA
Framework Version:The Latest, of course
Country:

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.

Back to top

Back to Customizations

Brand Section - Phone Number and Message above Social Media Icons

#1 mwest

#2 catrina

#3 mwest

#4 Rob

#5 mwest

#6 Rob

Sign In