Help with my logo banner!!!!!

Hello,

       I need some help with my logo banner. I need to move the top header over to the right to meet up with my logo banner. I work all most all day on this... I can't remember how to do it... If someone can help that would be awesome... Thank you and God bless.

Joseph

Here is my Link....
http://www.mydoggilicious.com/cart/

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

Change that 750 width to 760 to match the width of your logo

Thanks Mike,

      Where do I go and what is the path I need to take to change it....Please Help..

Joseph

edit this in your stylesheet.

includes/templates/your_custom_template/css/stylesheet.css

Mike,

 When I think I have it..... something is messed up.   I went to this path but not sure what  your _custom_template is..... I am here /cart/includes/templates/template_default/css/stylesheet.css... is this what I should edit...

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 1000%;
vertical-align: top;
}
Thanks Joseph

Mike,

sorry for so many questions, I have another one though. how do I put this backgrnd1.png on my shopping cart..... what is the path that it needs to go. Thank you so much for all your help.

Joseph

Thanks Mike,

     I got it now.....the more I do the better it gets... still need to find out how to put my back ground image into my shopping cart..... Can anyone Help!!!!  Thank you and God bless

Joseph

I think Joseph that you aren't getting a response because the question is unclear. By shopping cart, do you mean your site as a whole or the specific page known as the shopping cart? By behind, do you mean around the outside or as a watermark for the content in the middle? Is your image a small one intended to be repeated or a large one that should appear just once? Is your png file transparent?

Joseph,
Sorry for not getting back to you, but I'm a Over the road truck driver (gotta feed the kids), so I'm not always available. In fact right now my time is short, just checking in. Kuroi is much better at this than me, so I'll let him field this one:cool: since my time is short.

You also need to either adjust the sidebox width in your admin to allow for the width of the credit card images in the paypal box or you need to shrink the image to fit in the current width

Thanks Mike....That worked.

Does anyone know how to put a white line between Home and Log In on the top banner.....Please Help

God bless
Joseph

https://www.mydoggilicious.com

Where you aware that your custom map doesn't vertically align to the top in Firefox? It may look great in Explorer, but sadly it is a poor excuse for a browser.

There are a couple of immediate stylesheet.css errors, but oddly I couldn't find your sheets using the dev tools and the page source left me with no clues either.

Sketchy,

    What do you mean to all your saying? You said....  There are a couple of immediate stylesheet.css errors, but oddly I couldn't find your sheets using the dev tools and the page source left me with no clues either. What are my stylesheet.css errors and how do I fix them......Do you know how to put a white line between Home and Log In on the top banner.....and also keep the word home and log In white instead of a hover effect.......<https://www.mydoggilicious.com/cart>   Please Help......Thank you and God bless

Joseph

Hi Joseph. Ugghh, I blame Firefox for that... disregard the above, I'm not sure what really happened there, but all is well now. :yes:

I'll change the hover color to an greyish color for you, drop this into your stylesheet.css;

#navMain ul li a:hover, #navSupp ul li a:hover { color: #cacaca }

For the vertical lines, I'll get back to you on that... may take a bit of work to come up with something that passes validation.

You may try my approach or it can be achieved by style it by css.

My approach
Separate spacing between Home Log In Shopping Cart Checkout

For the solution by stylesheet you can search for it.

Hope this help. :smile:
.

seethrou,

Thank you for both of your help... I got it Praise God..... another one off my list of things to do.....another question if you guys know.... how do I link my home products and contact us buttons in my banner to go the right page..... right now they all go to home...... please help.... https://www.mydoggilicious.com/cart

Thank you and God bless

Joseph

Those buttons at the top look good but there not real buttons. They are part of the logo image so since they are part of the image and the image links to the cart front page thats where you end up.:D

You'll have to some work to it and make an image map and define the buttons as seperate images and then tie the link to them......ok your goin to ask me how......I haven't messed with image maps yet so maybe somebody else will ride to the rescue on this one

This is your current image

Hey Mike,

Thanks for getting back with me.... yes I was going to ask how do I do that.... but since we both don't know I'll ask you another question.... Two things. My home and log In buttons are white and thats ok with me, but when my mouse goes over it, changes to another color. I would like it to stay white all the time... Do you know........Next question the two side boxs that says Information and more information the text is blue I would like to change color on them, how do I do that...... Please help

If you find out how to do the banner links please let me know.

Thank you and God bless
Joseph

classact:

My home and log In buttons are white and thats ok with me, but when my mouse goes over it, changes to another color. I would like it to stay white all the time... Do you know........

Look at the your current stylesheet, and the part marked with color below.

about begin with line #33

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #5f0043;
	}

and about begin with line #277

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

They controlled the colors of the nav bar.

May be you can separate them and style it.
Or, put the code below in the end of your stylesheet and adjust it for your taste.

#navMain ul li a {
	color: white;
}	

#navMain ul li a:hover {
	color: yellow;
}

classact:

Next question the two side boxs that says Information and more information the text is blue I would like to change color on them, how do I do that...... Please help

You may try, put the code below to the end of your stylesheet.
Of course it just for example, style it for your taste.

#informationContent a, #moreinformation a {
	color: #41533C;
}

#informationContent a:hover, #moreinformation a:hover {
	color: red;
}