Welcome Page needs new layout

10 May 2007, 8:22 PM

#1

New Zenner

Join Date:: Apr 2007
Posts:: 77
Plugin Contributions:: 0

Welcome Page needs new layout

I was wondering if it were possible to add an extra css container to the left side of the welcome page still within the carts center column. The link to the current page is:

http://www.sportsboardscentral.com/store/index.php?main_page=

I have attached a file of what I would like the new cart home page to look like.

I also remember reading somewhere in one of the recent threads about inserting images in place of text by just using html to insert it. I assume I could program this look that I want into the Welcome description area but I like css much better and would prefer it instead of html in this case.

I have general knowledge of css but I seem to be having a bit of a problem with this one. I have recently scratched what I began and I am currently starting from scratch. Thanks to all in advance.

10 May 2007, 8:41 PM

#2

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Welcome Page needs new layout

You can do any coding you like in define_main_page.php, including PHP, HTML and CSS tags. Indeed, CSS divs, ids and classes appear as HTML tags in the PHP files, so you will need to use HTML to get CSS :)

You can start off define_main_page with a <div id="leftPointers">(any content)</div>
and style #leftPointers with height, width and background-image.

24 Jun 2007, 8:28 PM

#3

wilsonkd

New Zenner

Join Date:: May 2007
Posts:: 11
Plugin Contributions:: 0

Re: Welcome Page needs new layout

I have a couple questions regarding the define_main_page.php file. I am struggling with two areas.

I want to make the home page a different background color than the rest of the site. I tried this a couple ways and can't find a solution. Whenever I change it in the stylesheet it chages it everywhere. If I change it in define_main_page.php the command is ignored. I added the following line (<body style="background-color: #524A40">) It chages it in the HTMLarea viewer; but it is ignored when navigating to the page.
I am trying to get an image to load on through the define_main_page.php file; it loads fine; but the alignment is off. There appears to be a break somewhere in the commands moving the image down a step which then puts it out of line with the sideboxes. I do have customer greeting and breadcrumbs turned off for the home page.
I also would like to use image hotspots for hyperlinks on the image through define_main_page. These commands appear to be ignored as well.

SITE URL: htt://www.ajaniluxury.com

Thank you in advance for your assistance!

-Keith

24 Jun 2007, 10:43 PM

#4

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Welcome Page needs new layout

Put home-page-only styling in a file named index_home.css, and save it in the same place as your main stylesheet (/includes/templates/your_template/css/).

25 Jun 2007, 6:00 PM

#5

wilsonkd

New Zenner

Join Date:: May 2007
Posts:: 11
Plugin Contributions:: 0

Re: Welcome Page needs new layout

Thank you! I will try this tonight. Any thoughts on the other two questions regarding the position of the image on the main page as well as using hotspots on the image?

Thanks again.

-Keith

25 Jun 2007, 6:46 PM

#6

gjh42

Black Belt

Join Date:: Jul 2005
Location:: Upstate NY
Posts:: 21,876
Plugin Contributions:: 8

Re: Welcome Page needs new layout

For the top alignment, there will be margin or padding on one or more of the containers.

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}