Center Logo in Bartik

2 replies [Last post]
dixon
Offline
Last seen: 10 years 45 weeks ago
Joined: 2011-07-14

Does anyone know how to center a user logo in the Batik 7 theme. I've tried a couple css locations (tracking them using firebug) but can't seem to get the logo to center.

Thanks

dixon
Offline
Last seen: 10 years 45 weeks ago
Joined: 2011-07-14
Ok here's the answer: Open

Ok here's the answer: Open your site folder go to themes > Bartik > CSS > style.css (there are several css files) find the Header section >

logo

{float: left; /* LTR */
padding: 15px, 15px 15px 10px;
}

then adjust the padding to suit. I tried using the margin auto right and left with block display but the only thing that worked was adjusting the left padding.

Thanks to lordrt at experts exchange.

Chris Shattuck
Offline
Last seen: 9 weeks 5 days ago
Joined: 2009-08-16
Hi Dixon, Thank you for

Hi Dixon,

Thank you for posting your solution here, other folks will appreciate that. :)

In order to get the margin:auto solution to work, you may have to set the wrapping element to be a block and to have text-align:center.

In doing some testing, I was able to get the logo centered by setting #header div.section __ to have __text-align:center and then removing the float from the a id="logo" element.

Cheers!
Chris

Add to playlist

Add to , or

Add to new playlist:

Add to playlist
This is a member-only feature
But, it's easy to become a member

Add to cart:


Loading...
Contact us

Below are the supported keyboard shortcuts for our video player.

space
Start / stop video
shift
Go to next video
shift
Go to previous video
Increase or decrease player speed by 20%
Skip ahead or go back by 15 seconds
1...9
Jump to a percentage (2 is 20%, for example)
f
Toggle full screen
Videos Pricing More Search
BuildAModule Logo Icon BuildAModule Logo Icon
Become a member!
$29
1 month
$156
6 months
10% off
$276
12 months
20% off
All memberships come with the following:
24 / 7 access to the entire 1800+ video library
An innovative video player with a rolling transcript
Extensive Drupal and cross-platform training
A thorough and thoughtful training style
Progress tracking
Take notes on specific video sections
Intuitive multi-user management
How many users?
user
Go solo with a single user, or give multiple team members access through one account and get discounts by bundling multiple users into a single membership.