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 »

Front page looks different on safari


  #1  
Old Mar 16, 2010, 11:17 AM
bryce
 
9 posts · Mar 2010
When my front page is viewed on safari (on mac or windows), the layout gets messed up. Everything except a picture gets indented to the right, and it creates a blank space on the left side. It also pushes everything into the right sidebar.

On IE and Firefox it looks fine.

The url is:
www.rebuildingalliance.org

-Bryce
  #2  
Old Mar 16, 2010, 11:56 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
How did you construct the front page?
__________________
~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 Mar 16, 2010, 12:15 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It looks like it had something to do with the picture.
__________________
~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.
  #4  
Old Mar 16, 2010, 12:25 PM
bryce
 
9 posts · Mar 2010
I took down the picture so there won't be any difference now btwn the browsers.

Basically, I put a picture onto the top of the front page, and on firefox and ie nothing changed except a small photo appeared next to the title "in memory of...". Nothing else moved.

But on safari, everything was shifted to the right and it bled into the right sidebar.
  #5  
Old Mar 16, 2010, 12:59 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what was the html that made up the image?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Mar 16, 2010, 01:45 PM
bryce
 
9 posts · Mar 2010
The html code is:

<a href="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2.jpg"><img class="alignleft size-full wp-image-1405" title="Dove Picture Good 001 - Copy" src="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2-e1268768183931.jpg" alt="" width="150" height="110" />

It is at the very top of the page. I'll leave it up for the next 20 minutes so if you view it in safari, you can see how it looks.

-Bryce
  #7  
Old Mar 16, 2010, 02:16 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
What if you add a CSS insert.
HTML Code:
.post img.alignleft {clear:both;}
. Just a stab.
__________________
~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.
  #8  
Old Mar 16, 2010, 02:58 PM
bryce
 
9 posts · Mar 2010
Apologies for being somewhat ignorant, but I am very new to html. Where would I put
.post img.alignleft {clear:both;} in the html code?

And thanks in advance for the help!
-Bryce
  #9  
Old Mar 16, 2010, 03:56 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
put it in the CSS Inserts (ATO->HTML/CSS Inserts->CSS Inserts)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Mar 16, 2010, 04:05 PM
bryce
 
9 posts · Mar 2010
"put it in the CSS Inserts (ATO->HTML/CSS Inserts->CSS Inserts)"

I'm in my page, looking at the HTML code. I am a novice, so I don't understand your directions. Can you be specific where in the HTML I would put the CSS insert? Would it go somewhere in the html code for the image:

<a href="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2.jpg"><img class="alignleft size-full wp-image-1405" title="Dove Picture Good 001 - Copy" src="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2-e1268768183931.jpg" alt="" width="150" height="110" /></a><h2 style="text-align: center;">

-Bryce
  #11  
Old Mar 16, 2010, 04:54 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to the wordpress Dashboard->Appearances->Atahualpa Theme Options (ATO) etc etc
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Clicking a page button/link in Safari opens in a new window jhandwerk Page & Category Menu Bars 2 May 6, 2010 12:50 PM
Front page myinfosecjob Header configuration & styling 6 Jan 31, 2010 09:42 AM
static front page, page title on header, remove content but keep sidebar questions Magic Atahualpa 3 Wordpress theme 0 Jan 25, 2010 12:12 AM
Default Non-static Front Page (Home Page) Is Missing (Atahualpa Theme) SavvyBaker Center area post/pages 0 Jan 18, 2010 04:02 PM
[SOLVED] Home page versus Front page ldsmedia Atahualpa 3 Wordpress theme 7 May 29, 2009 03:30 PM


All times are GMT -6. The time now is 06:16 PM.


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