Jump to content


Photo
Business Branding

Center Business Branding Logo



  • Please log in to reply
9 replies to this topic

#1 radroz

radroz

    Super Member

  • Members

  • 208 posts
  • LocationClarksville, TN
  • Country: Country Flag

Posted 24 November 2013 - 07:54 PM

Okay, I've got a little quibble here... I need to center the logo for Business Branding. There is no other copy that will be in the header, and the logo won't budge from its left position...

 

Help!

 

http://tiddlywinksbakery.com

 



#2 CliffordP

CliffordP

    Advocate

  • Members


  • 480 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 24 November 2013 - 11:07 PM

You've got that logo in a span8 so here's the CSS selector:

 

#business-brandingubpq9x .branding-area .span8 {

  float:none;

  margin:auto;

}



#3 radroz

radroz

    Super Member

  • Members

  • 208 posts
  • LocationClarksville, TN
  • Country: Country Flag

Posted 24 November 2013 - 11:12 PM

Didn't work.



#4 CliffordP

CliffordP

    Advocate

  • Members


  • 480 posts
  • LocationOklahoma
  • Country: Country Flag

Posted 24 November 2013 - 11:14 PM

well it's the right CSS, might need more specificity or slightly different selectors. just trying to help. Play with it and I'm sure you'll get it.



#5 radroz

radroz

    Super Member

  • Members

  • 208 posts
  • LocationClarksville, TN
  • Country: Country Flag

Posted 24 November 2013 - 11:44 PM

Okay, at this point, I'm looking for alternatives. This isn't working. Maybe the developer of the plugin has some pointers.



#6 ellenmva

ellenmva

    Advocate

  • Members

  • 343 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 25 November 2013 - 02:52 PM

@radroz It looks like you got it working with a Textbox. Did you still want to try and do it with Business Branding? Let me know and I can walk you through it.

 

Ellen



#7 radroz

radroz

    Super Member

  • Members

  • 208 posts
  • LocationClarksville, TN
  • Country: Country Flag

Posted 25 November 2013 - 02:55 PM

Ellen, I'd really like to use the business branding... an ideal situation would be to have a phone number on the left, logo in the center, and another bit of information on the right.



#8 ellenmva

ellenmva

    Advocate

  • Members

  • 343 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 26 November 2013 - 12:21 PM

@radroz Okay, this is what I came up with -- the code isn't pretty and we'll have to make some adjustments for responsiveness but let's see if it works for you.

 

In Business Branding Options under Branding Logo and Title Area Options have it span 10 columns. Under Branding Info Lines have Text Align - right. Then add this code to your Custom Code CSS/LESS Box:

 .section-business-branding .bb-business-logo {  float: right;  height: 300px;}.bb-branding-area-extra.span4,.bb-business-info.span4{	margin-top: -150px;}

I added the phone number to the Image and Code area and then used the first line in Info Lines (which also can take html and shortcodes). It should look something like below.

 

Let me know what you end up with.

 

Ellen

DMS_Demo___Just_another_WordPress_site.p



#9 radroz

radroz

    Super Member

  • Members

  • 208 posts
  • LocationClarksville, TN
  • Country: Country Flag

Posted 02 December 2013 - 03:02 AM

I like that idea — I used a textbox temporarily, but I will try it. Thank you.


  • ellenmva likes this

#10 ellenmva

ellenmva

    Advocate

  • Members

  • 343 posts
  • LocationMassachusetts
  • Country: Country Flag

Posted 02 December 2013 - 11:22 AM

@radroz Let me know if you need help with the media queries so that it is responsive as well. Love the site btw, looks great!

 

Ellen







Also tagged with one or more of these keywords: Business Branding