Jump to content
callmestupidbut

Center logo with Business Branding section

Recommended Posts

callmestupidbut    1
callmestupidbut

I've recently installed the Business Branding section on a site in development to include the phone number above the social media icons in the header.

 

Before installing this, I had the logo centered. Obviously, changing the 'Branding' section to the 'Business Branding' section in the drag and drop bit means the custom CSS to center the logo no longer works.

 

I've tried accessing the code with firebug and changing the classes to business-branding, but nothing seems to be working. Ayy ideas?

 

Current version of Pagelines

 

Current CSS:

.section-business-branding .business-logo .mainlogo-link, .section-business-branding .business-logo .mainlogo-img {
    float: none;
    margin: 0 auto;}

url: http://dev.sociallearningcollective.co.uk

Share this post


Link to post
Share on other sites
catrina    103
catrina

In CSS, the simpler the better so perhaps shorten it like this:

#page .business-logo {
    float: none;
    margin: 0 auto;}

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
callmestupidbut    1
callmestupidbut

Ok, so the CSS is now more simple, but still need it to center the logo...

Share this post


Link to post
Share on other sites
James B    436
James B

Admin note - moved thread into the store products forum


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

I have alerted the developer of this topic.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

I have some code for you to try

 

To center the logo

#page .section-business-branding .business-logo {
   float: none;
   text-align: center;
}

That's going to push the Business Info down. You can give a negative top margin in the Business Branding Options for the Position of Additional Information, try -100.

 

Let me know how that works.


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
callmestupidbut    1
callmestupidbut

Thanks Ellenmva - that kind of works at full screen screen size, just pushes the classic nav down over the content. Also messes up the responsiveness of the site as the business branding now sits over the logo when the screen is smaller.

 

I'll keep trying and maybe add some @media queries.

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

Please let us know if you still need assistance with this topic, otherwise I'll close it in 7 days. Thanks!


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

I see why it is pushing down into your content. Here is a little more code to correct that.

#page .section-business-branding .branding-area-container {
display: none;

}

Then you will need to adjust the top margin of the Additional information again so the icons show. I did -150px and that worked.

 

Ellen


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
callmestupidbut    1
callmestupidbut

Thanks Ellen. It's more the responsiveness that's important to the client - currently the logo, additional info and nav all overlap on a mobile screen, but I'll have a go with media queries to see if I can fix it.

 

@Jenny - feel free to close this post.

 

Thanks!

  • Like 1

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


  • Similar Content

    • Pankaj32
      By Pankaj32
      Hello, my site is looks fine in google chrome however the fonts sizes appear bigger in IE and fire fox. I am using the IE 11 and latest version in mozilla fire fox too. Many sections are also displaying default DMS items in place of whats is actually added in them.
      The site's url  is delhirealestateguy.com . Would appreciate if someone can take a look and advice. Regards, 
    • scswraps
      By scswraps
      Looking to add text links directly below the primary logo on the Business Branding section, is this possible using hooks?
      Thank you.
    • Pankaj32
      By Pankaj32
      Hello, I had scanned through the forum and looks like my question has already been answered in a few threads already but I could not get any of those solutions to work for me. So please bear with me.
      I bought the "business branding section" and now I need to change the title of the font (oswald) and size too. Please let me know what code can I use to achieve this and where exactly am I suppose to paste this code. I had tried to experiment with various codes provided in other threads but none of them seem to make a different after refreshing. 
       
    • sersanet
      By sersanet
      Hello Ellen,
       
      I have just installed the business branding plugin to a new site for a customer..
      www-marbellawordpress.com
       
      For some reason i cannot seem to get the text to appear that has been added to the business branding section, additional business information.
       
      Please would you see your way to helping with this problem.
       
       
      Kind regards..
    • radroz
      By radroz
      Hey Ellen, what would it take to add Pinterest to the Business Branding options?
×