• 0
Sign in to follow this  
Followers 0

Banner CSS to Extend across x-axis

Question

Posted · Report post

I've uploaded a banner on my Pagelines Framework blog which is floating nicely in the centre of the site, but I would like to repeat a small portion of it along the x-axis in order for the banner to seemingly travel across the entire browser window regardless of the size of the monitor or browser window. You can see the site here: http://learning.commons.hwdsb.on.ca . As you can see, if I could take 10px width of the right-hand side of that banner and have it repeating behind the banner, it would look like the banner wraps the entire width of the site. Thoughts?

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Maybe I'm not understanding what exactly you're trying to achieve. Would it be possible to put together some kind of simple mock-up with labels showing what you'd like (or better yet, provide a link to an example)?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I left this far too long (too many projects on the go), but if you're still willing to help @catrina the header image on bbpress.org does a nice job of this. It's this image: http://screencast.com/t/hOIXOlUy that I want to repeat on the x-axis on this site: http://learning.commons.hwdsb.on.ca.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, You can add the code below to your custom CSS but you will need to increase the image size slightly, you will see what I mean when you add the code and refresh your page. [code]#branding .texture { background: url(http://content.screencast.com/users/mrjarbenne/folders/Jing/media/6ef3ae98-e8a0-4852-a9dd-169d83920cd3/00000055.png) repeat-x 0 36px; }[/code]

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  
Followers 0