Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Horizontal Scrolling


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 26, 2011, 06:19 PM
bswb97
 
150 posts · Aug 2010
I've been looking at non-standard designs for a more creative approach to portfolio websites. Is there a way to get Atahualpa to scroll horizontally indefinitely (similar to the vertical scroll)? I see some artists are doing this now.

I was thinking of using Flexcroll scripting to do it but can it be as simple as making the layout some obscene size? I think that would work but it would be a set size and I would like the scrollbar to be proportional to the content.

Something like this:
http://www.lauraflippen.com/
  #2  
Old Oct 26, 2011, 09:32 PM
lmilesw's Avatar
lmilesw
 
10,107 posts · Jul 2009
Central New York State USA
You could just multiply the width of all the images to come up with a width for the site. You will also have to use perhaps a background image instead of the logo or maybe you can use absolute positioning to keep the logo in view when you scroll.

Play around with different ideas. There is someone else currently in the forums who is doing something like this. See this thread.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 27, 2011, 06:31 PM
bswb97
 
150 posts · Aug 2010
I think we're going to go with the simpler "set layout width" method.

Now, I do want to keep text fairly normal for a few non-portfolio pages. Can I use page ID as a custom CSS insert?

Something like this for portfolio (long scrolling)

div#wrapper.page-id-1 {
width: 100000px;
}

And something like this for normal

div#wrapper.page-id-2 {
width: 980px;
}

Would that do the trick?
  #4  
Old Oct 27, 2011, 07:08 PM
juggledad's Avatar
juggledad
 
22,314 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
no that won't work, the page-id-nn is assigned to the <body...> statement so you need
HTML Code:
body.page-id-nn rest of css selector {...}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 27, 2011, 07:29 PM
lmilesw's Avatar
lmilesw
 
10,107 posts · Jul 2009
Central New York State USA
Did you try them? I would set the width in the theme options to the wide width and use CSS to narrow the width of the few pages you want at "normal" width.
I am not sure where you got your CSS from but by using Firebug I came up with the following that should work. You of course need to change the id number to the page you want to affect.
HTML Code:
body.page-id-114 div#wrapper {
width: 900px;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Oct 27, 2011, 10:48 PM
bswb97
 
150 posts · Aug 2010
Got my div and ID mixed up but your code works great Larry! Thanks! This is much easier than tinkering with Flexcroll.

Bookmarks

Tags
horizontal scroll

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Scrolling Image in a Center Widget? sleenie Sidebars & Widgets 5 Jul 30, 2010 11:23 AM
Problem with horizontal scrolling rcrsupport Header configuration & styling 0 Apr 13, 2010 08:16 PM


All times are GMT -6. The time now is 11:06 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.