Jump to content


Photo
- - - - -
Resolved

Another phone number in the branding section post



  • Please log in to reply
9 replies to this topic

#1 caleb

caleb

    Member

  • Members

  • 16 posts
  • Framework Version:2.4

Posted 24 September 2012 - 11:25 PM

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,

Attached Files



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 September 2012 - 03:13 AM

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?

#3 caleb

caleb

    Member

  • Members

  • 16 posts
  • Framework Version:2.4

Posted 25 September 2012 - 01:10 PM

Hi James,

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

Caleb

#4 catrina

catrina

    Advocate

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

Posted 25 September 2012 - 02:49 PM

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):

Please Login or Register to see this Hidden Content



#5 caleb

caleb

    Member

  • Members

  • 16 posts
  • Framework Version:2.4

Posted 26 September 2012 - 04:56 AM

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

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 September 2012 - 07:37 AM

Hi,

You could use the following CSS:

Please Login or Register to see this Hidden Content



#7 caleb

caleb

    Member

  • Members

  • 16 posts
  • Framework Version:2.4

Posted 26 September 2012 - 02:07 PM

Thanks, that worked like a champ.

#8 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 26 September 2012 - 03:01 PM

The topic was marked as resolved.

#9 caleb

caleb

    Member

  • Members

  • 16 posts
  • Framework Version:2.4

Posted 27 September 2012 - 03:22 AM

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:


Please Login or Register to see this Hidden Content


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

Please Login or Register to see this Hidden Content



#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 15818 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 September 2012 - 08:02 AM

Thanks for sharing!





Also tagged with one or more of these keywords: Resolved