Forums / Templates, Stylesheets, Page Layout / Can someone pls help to correct this for me? Thank you.

Can someone pls help to correct this for me? Thank you.

Views: 1,390

Results 1 to 17 of 17
19 Nov 2011, 2:22 AM
#1
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Can someone pls help to correct this for me? Thank you.

My site has some problem:

  1. On the main page: the content needs to be same wide as the slide, currently it's much narrower.

I turned both side column off and won't turn it on again.

  1. On page Location: the content is not align to the left, I need it to be align to the left and I will also change the size of the google map so it displays across the same width of the menu

I am really new to css :no:, I know I might be able to adjust these using firefox' developer addon, but I don't know how to find the necessary elements to make change.

It would be greatly appreciated if someone can tell me and teach me how to do this? I believe this is a very simple case.:yes:

19 Nov 2011, 2:40 AM
#2
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

OOPS! Ignore this. Posted before thoroughly reading.

The best way to learn is to try stuff. But, back it up first.

19 Nov 2011, 2:45 AM
#3
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

For the main page text, find this in your stylesheet:

#home-text{font-size:120%; width:550px; }

Remove the part in red.

The best way to learn is to try stuff. But, back it up first.

19 Nov 2011, 2:47 AM
#4
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

RescoCCC:

For the main page text, find this in your stylesheet:

#home-text{font-size:120%; width:550px; }

Remove the part in red.

Yeah, thank you, that fixed the first issue on home page, how do I fix the issue on other pages? Can you check this location page

Thank you very much for your help. And could you also see how to resolve my other question here?

19 Nov 2011, 2:52 AM
#5
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

Your location page is using an iFrame. You can adjust the size by adjusting the dimensions that appear at the beginning of the coding:

<iframe width="800" height="500"

The best way to learn is to try stuff. But, back it up first.

19 Nov 2011, 3:29 AM
#6
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

RescoCCC:

Your location page is using an iFrame. You can adjust the size by adjusting the dimensions that appear at the beginning of the coding:

<iframe width="800" height="500"

I know how to adjust the size, this is not what I am looking for, I need to shift the location page's content to align to left, please see the attached screenshot and required effect.

Thank you very much again for your help.

The page content's shift is not only for location page but for all the page on this website, as you can see, all the other pages have the same issue.

19 Nov 2011, 7:48 PM
#7
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

You might try adding this to your stylesheet:

.centerColumn {text-align:left;}

The best way to learn is to try stuff. But, back it up first.

19 Nov 2011, 8:18 PM
#8
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

RescoCCC:

You might try adding this to your stylesheet:

.centerColumn {text-align:left;}

Unfortunately it doesn't work.:no:

Maybe .centerColumn is not the right element? How to determine what element needs to be modified?

Thanks.

19 Nov 2011, 8:29 PM
#9
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

Okay, try this:

body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 62.5%; text-align:left; color: #968d6c;background-color: #fff;}

The best way to learn is to try stuff. But, back it up first.

20 Nov 2011, 1:18 AM
#10
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

RescoCCC:

Okay, try this:

body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 62.5%; text-align:left; color: #968d6c;background-color: #fff;}

Thank you but it is still not working, see here

:no::no::no:

20 Nov 2011, 1:51 AM
#11
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

Sorry, but I'm out of ideas. Somebody who's better at this than me is going to have to come along.

The best way to learn is to try stuff. But, back it up first.

20 Nov 2011, 2:07 AM
#12
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,846
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

If you look at my attached image you will see that your left column is still there holding the map to the right

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

20 Nov 2011, 2:08 AM
#13
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

Oh geez, now I'm feeling really stupid.

The best way to learn is to try stuff. But, back it up first.

20 Nov 2011, 2:26 AM
#14
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

barco57:

If you look at my attached image you will see that your left column is still there holding the map to the right

Thank you so much for pointing that to me. :hug::hug::hug:

However, I checked my stylesheet.css in \templates\template_default\css and \templates\aberdeen_neutral\css, I couldn't find an element like: #navColumnOne.columnLeft

How are these elements/attributes created? How/where do I modify it?:no::no:

And what tool you used to find out the css in your screenshot? I am using Web Developer addon for FF, maybe I don't know how to use it, I couldn't find the #navColumnOne.columnLeft when I choose view css

Thank you very much for teaching a new zenner and new csser

20 Nov 2011, 2:30 AM
#15
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Can someone pls help to correct this for me? Thank you.

admin/configuration/layout settings/column left status - global, change to 0

The best way to learn is to try stuff. But, back it up first.

20 Nov 2011, 2:33 AM
#16
barco57 avatar

barco57

Totally Zenned

Join Date:
Apr 2006
Location:
West Salem, IL
Posts:
2,846
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

Ok, I see what you are doing..... you have all of the sideboxes turned off, but have not turned off display of the left and right columns....they are what is holding the center content centered......

in the admin goto layout settings>Column Left Status - Global and set it to 0....you can do the same for the Column Right Status - Global......but I bet what will happen is that your center content will now move over to the left side

Mike
AEIIA - Zen Cart Certified & PCI Compliant Hosting
The Zen Cart Forum...Better than a monitor covered with post-it notes!

20 Nov 2011, 2:42 AM
#17
mdivk avatar

mdivk

Zen Follower

Join Date:
Sep 2011
Location:
Toronto, Ontario, Canada
Posts:
290
Plugin Contributions:
0

Re: Can someone pls help to correct this for me? Thank you.

barco57:

Ok, I see what you are doing..... you have all of the sideboxes turned off, but have not turned off display of the left and right columns....they are what is holding the center content centered......

in the admin goto layout settings>Column Left Status - Global and set it to 0....you can do the same for the Column Right Status - Global......but I bet what will happen is that your center content will now move over to the left side

RescoCCC:

admin/configuration/layout settings/column left status - global, change to 0

Amazingly working now.:hug::hug::hug:

But you haven't told me how to find out the problem and using what?