Archived

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

  • 0

Resolved Another phone number in the branding section post

Question

Posted · Report post

I have the base them installed and have the following in the functions file:

// ADDS CONTACT DETAILS TO BRANDING ------- //

add_action('pagelines_branding_icons_end', 'brand_phone');

function brand_phone(){ ?>

<div>(714) 795-2032</div>

<?php

}

and this in the style.css file

.brand_phone h3 {

font-size: 1.3em;

padding: 0 0 0.4em;

}

Screen shot attached.

I'd like to have the phone number have the same style as <h3> and be lined up just to the left of the social icons with logo, the phone number and the social icons all aligned at the bottom just above the menu bar.

What do I need to do differently?

Thank you,

post-38736-0-46090000-1348529038_thumb.p

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi there,

I've checked the link you've provided but I can't see the hook active on the site. Could you make the hook active so we can go in and work out the required CSS for you?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi I actually just want one phone number aligned to the left of the social media icons. thank you

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

You could use the following CSS:


.phoneRight {
position: absolute;
right: 200px;
top: 25px;
}
[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks, that worked like a champ.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi James,

Thanks for the reply, ok, I put the phone number back in there at pagelines_before_branding_icons.

Caleb

Share this post


Link to post
Share on other sites

Posted · Report post

To add another phone number below the one you have right now and you want it to have the same style as <h3>, you'll need to use this <div> layer code in the hook (using the selector from your CSS):

<div class="brand_phone">PHONE NUMBER HERE</div>[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

Here was what worked in the end. The suggestion on absolute position didn't really work on mobile devices. This worked to put a text phone number (and presumably other text as well) the left of the social sharing icons in the header.

Add this to the functions.php base theme file:

add_action('pagelines_branding_icons_start', 'brand_phone');

				 function brand_phone(){ ?>

<h3 class="phoneRight">(123) 555-1212</h3>

<?php

}
And then this to the style.css base them style sheet:
.phoneRight {

float: left;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks for sharing!

Share this post


Link to post
Share on other sites