Thread: Logo Issue

Page 1 of 4 123 ... LastLast
Results 1 to 10 of 32
  1. #1
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Logo Issue

    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

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    6,980
    Plugin Contributions
    63

    Default Re: Logo Issue

    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

    Code:
    float: none; margin: 0 auto;
    to the styling rules for the #logo block. It's currently being floated left.

  3. #3
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Re: Logo Issue

    Awesome! Thanks, that looks like it worked

  4. #4
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Logo Issue

    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.

  5. #5
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Re: Logo Issue

    you are correct, it is not working

  6. #6
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Re: Logo Issue

    i have changed those lines and added the text-align:center but it still doesnt appear to work.

  7. #7
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    6,980
    Plugin Contributions
    63

    Default Re: Logo Issue

    It's looking good to me, i.e. the logo is centered.

  8. #8
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Re: Logo Issue

    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

  9. #9
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Logo Issue

    line 30 of stylesheet.css still has
    Code:
    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;}
    change to
    Code:
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:left;}
    Next:
    Line 128 of stylesheet.css - Change
    Code:
    #logo{margin:10px 0;}float: none; margin: 0 auto;
    to
    Code:
    #logo{margin:10px 0;}float: none; margin: 0 auto;text-align: center;

  10. #10
    Join Date
    Nov 2017
    Location
    United States
    Posts
    15
    Plugin Contributions
    0

    Default Re: Logo Issue

    that is exactly what i have, my stylesheet.css is attached
    Attached Files Attached Files

 

 
Page 1 of 4 123 ... LastLast

Similar Threads

  1. Logo issue
    By brad073 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 17 Oct 2010, 09:52 PM
  2. logo overlap issue
    By tomintulsa in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 16 Jun 2009, 10:57 PM
  3. logo issue
    By louisapple in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 1 May 2009, 06:51 AM
  4. logo issue
    By MachaNeko in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 9 Jul 2008, 07:47 PM
  5. Logo Issue
    By imperialis in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Apr 2008, 05:45 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR