Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Horizontal Scrolling


  #1  
Old Oct 26, 2011, 05:19 PM
bswb97
 
158 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, 08:32 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 05:31 PM
bswb97
 
158 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, 06:08 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 06:29 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 09:48 PM
bswb97
 
158 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 10:23 AM
Problem with horizontal scrolling rcrsupport Header configuration & styling 0 Apr 13, 2010 07:16 PM


All times are GMT -6. The time now is 04:39 PM.


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