AbanteCart Community

General Topics => General Discussion => Topic started by: kwong on April 03, 2014, 03:25:32 PM

Title: How to: Remove border on logo for HTML5
Post by: kwong on April 03, 2014, 03:25:32 PM

Hi all,

I have spent the hours trying to get rid of a white border around my logo that appears only when mobile phones or tablets are used. When browsing using a PC, the border isn't there.

I have tried changing values in style.css around the .logo area but still can't get rid of it. What am I missing here?

I have attached screenshots on how my logo looks like on both my mobile phones and my PC.

Thanks in advance,
Kwong

Title: Re: How to: Remove border on logo for HTML5
Post by: abantecart on April 03, 2014, 04:53:34 PM

Unfortunately, there is no way to tell by looking at your images. You have 2 options:

1. Post the link, so someone on a forum can inspect your site in Firebug on firefox or other browser

2. Inspect HTML and CSS in the browser yourself.
https://getfirebug.com/
https://developers.google.com/chrome-developer-tools/
etc....
 

Title: Re: How to: Remove border on logo for HTML5
Post by: kwong on April 03, 2014, 05:03:19 PM

Hi,

Thanks for the reply.

Ok, here is the link to my site
www.tupeihookah.com

thanks in advance :)

Title: Re: How to: Remove border on logo for HTML5
Post by: Basara on April 04, 2014, 02:52:23 AM

Quote from: kwong on April 03, 2014, 05:03:19 PM

Hi,

Thanks for the reply.

Ok, here is the link to my site
www.tupeihookah.com

thanks in advance :)

Hello.
Look for this code in the http://www.tupeihookah.com/storefront/view/default_html5/stylesheet/style.css (line 6201)

Code: [Select]

.logo img {
    background-color: #FFFFFF;
    padding: 5px;
}
#FFFFFF is white color change to anything else

Title: Re: How to: Remove border on logo for HTML5
Post by: kwong on April 04, 2014, 02:56:19 AM

Quote from: Basara on April 04, 2014, 02:52:23 AM

Quote from: kwong on April 03, 2014, 05:03:19 PM

Hi,

Thanks for the reply.

Ok, here is the link to my site
www.tupeihookah.com

thanks in advance :)

Hello.
Look for this code in the http://www.tupeihookah.com/storefront/view/default_html5/stylesheet/style.css (line 6201)

Code: [Select]

.logo img {
    background-color: #FFFFFF;
    padding: 5px;
}
#FFFFFF is white color change to anything else

Thank you so much Basara!! U saved my day, literally :) I can now sleep in peace ;D

Cheers mate!

Title: Re: How to: Remove border on logo for HTML5
Post by: Basara on April 04, 2014, 02:57:37 AM

Quote from: kwong on April 04, 2014, 02:56:19 AM

Thank you so much Basara!! U saved my day, literally :) I can now sleep in peace ;D

Cheers mate!

Sleep in peace, bro  ;)