I am having issues with my logo not sizing correctly.
i have changed in the header.php file to set my image size to 1200x300 but it is not sizing correctly. any help would be greatly appreciated
https://vinyliciousmama.com
I am having issues with my logo not sizing correctly.
i have changed in the header.php file to set my image size to 1200x300 but it is not sizing correctly. any help would be greatly appreciated
https://vinyliciousmama.com
The logo image appears to be sized at 1200 x 300. If you want the image centered on the screen, update your stylesheet.css (line 128) to add
to the styling rules for the #logo block. It's currently being floated left.Code:float: none; margin: 0 auto;
Awesome! Thanks, that looks like it worked
I don't see that it worked. As I am looking at it this morning, it is not centering.
You might want to look at the stylesheet.css line 30 where you commented out the float left. It looks as if you did it incorrectly. I would return the float left and then remove the #logo from the front of the call. That way, you don't mess with all the other items that need to be float:left; (notice the semi-colon at the end of the call - that's important)
Once you've done that, you only need to add text-align:center; to the end of line 128 in the stylesheet.css.
This is one of the pitfalls of (IMHO) going too far in consolidating stylesheets. Just take a look at line 3 of the stylesheet_colors.css. I you want to change the color of a link, you will also change the color in 25+ other things that you probably don't want to touch. You end up having to take the calls apart every time just one of those items needs to change.
Centering using css can be quite the adventure. Is the item in-line or block? Is vertical centering needed as well? CSS3 is calling for margin-right: -50% to be used as part of the call for centering a viewport.
Add a folder to your bookmarks called tips n tricks and add the info from http://tinyurl.com/jzvla8a to it. It will come in handy.
Are You Vulnerable for an Accessibility Lawsuit?
myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
Free SSL, Domain, and MagicThumb with semi-annual and longer hosting.
you are correct, it is not working
i have changed those lines and added the text-align:center but it still doesnt appear to work.
ok cleared cache and it is centered now.
any ideas why it is not running entire from 1st side box to 2nd? i have set size to 1200x300 and that should be entire size i would think
line 30 of stylesheet.css still haschange toCode:#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;}Next:Code:.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;}
Line 128 of stylesheet.css - ChangetoCode:#logo{margin:10px 0;}float: none; margin: 0 auto;Code:#logo{margin:10px 0;}float: none; margin: 0 auto;text-align: center;
Are You Vulnerable for an Accessibility Lawsuit?
myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
Free SSL, Domain, and MagicThumb with semi-annual and longer hosting.
that is exactly what i have, my stylesheet.css is attached
Bookmarks