• 0

Business Branding Center Business Branding Logo

Question

Posted · Report post

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

 

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

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

 

#business-brandingubpq9x .branding-area .span8 {

  float:none;

  margin:auto;

}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Didn't work.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now