Jump to content
Sign in to follow this  
abellemare

How to make Twitterbar background color full page width like the footer?

Recommended Posts

abellemare

I would like the background color of the twitterbar to be full page width like the footer. I see that the twitterbar resides in the #morefooter. Can someone direct me how to move this into the #footer so that I could use a background image in the #footer to continue the color of the #twitterbar? Or if you have an easier more elegant solution, please provide. Thanks.

Share this post


Link to post
Share on other sites
Rob
Please send a link to your site. Thanks. In Dashboard > PlatformPro > Template Setup use the drop down menu to Morefoot and see if you find a drag and drop bar for Twitter there. If so, move it to the right, removing it from the Morefoot. Now, return to the drop down list and go to Footer. Drag and drop the Twitter bar where you want it (above or below the Footer. The background color should now match.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
abellemare
Nice try, but it didn't work. The twitterbar is not an available section for the Footer Template.

Share this post


Link to post
Share on other sites
kastelic
Okay, heres a solution that works. It puts a div inside the twitterbar that acts as the background: First, activate the base child theme and put this in platformbase/functions.php: [code] //extend twitterbar add_action ('pagelines_inside_top_twitterbar','extend'); function extend(){ ?>
Custom CSS: [code] #extend-twitter { position:absolute; background: #f7f7f7; height: 48px; left: 0; position: absolute; width: 100%; z-index: -1; } [/code]

Share this post


Link to post
Share on other sites
abellemare
I added the code to the functions.php and tried adding the custom css to both the custom code and stylesheet. In both cases there was no change. The bar remains the same size as the page layout 960px. Here is a screenshot of the code in the functions.php: http://twistedcrepe.com/wp-content/uploads/2011/08/Screen-Shot-2011-08-25-at-7.45.09-PM.png

Share this post


Link to post
Share on other sites
Jenny
For your twitter bar width, try doing something like this: [code]div#twitterbar.container { width:1200px; margin-left:-120px; }[/code] You will need to change the width pixels and the left margin pixels to get it centered the way you want.

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
abellemare
div#twitterbar.container { width:1280px; margin-left:-157px; }

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

Sign in to follow this  

×