All Letters in LOGO on Storefront theme are Capitalized

GK User
Tue May 12, 2015 8:08 pm
Hello,

I'm finalizing a website and I need to correct the logo. However, when I select text and define the font all the letters are capital.

Question 1: How do I capitalize the first letter and make the remaining of the letter lower case using the text option?

Question 2: If I select Google supported fonts how do you make the first letter Capital and the remaining letters lower case?

Question 3: If I upload an image for the logo what can I do to make the logo as clear as possible, because I have tried this option and the logo came out very pixelated on mobile devices and PC? What file/image size, file type, dpi, etc. do you recommend to use for the storefront logo to be clear as possible for mobile/PC?

Your help will be greatly appreciated!

RJ
User avatar
Expert Boarder

GK User
Wed May 13, 2015 6:29 am
Could you please post an url to your site?
User avatar
Moderator

GK User
Wed May 13, 2015 2:24 pm
User avatar
Expert Boarder

GK User
Wed May 13, 2015 4:09 pm
Please edit: /templates/gk_storefront/css/override.css and add at its end:
Code: Select all
#gkLogo.text {text-transform: initial;}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed May 13, 2015 5:03 pm
Thanks! I will try this and let you know whether it works or not.

Thanks again,
RJ
User avatar
Expert Boarder

GK User
Wed May 13, 2015 5:16 pm
Ok :)
User avatar
Moderator

GK User
Thu May 14, 2015 4:57 am
Hello,

Thanks for your help with the logo issue. The code you provided for the logo worked just fine. However, I have another question pertaining to the same topic, but it's in regards to the main menu text. How do I change the menu text to lower case instead of all CAPS? I couldn't locate the code in the css file. I tried some code in the override.css file but was unsuccessful. Your help will be greatly appreciated!

Thanks again,
RJ
User avatar
Expert Boarder

GK User
Thu May 14, 2015 6:13 pm
Please use this css:
Code: Select all
.gkMenu > ul > li {
  text-transform: initial;
}
User avatar
Moderator

GK User
Thu May 14, 2015 6:49 pm
Worked Perfect! Thanks again for all your help.

RJ
User avatar
Expert Boarder

GK User
Sun May 17, 2015 9:35 am
Is there anything else I can help you with regarding this topic?
User avatar
Moderator

GK User
Mon May 18, 2015 5:01 pm
I think we are good on this topic! However, I will be posting another topic on how to turn off the magnification of the category thumbnail.

Thanks again,
RJ
User avatar
Expert Boarder

GK User
Thu May 21, 2015 6:46 pm
Ok. If you have any additional questions regarding this topic, please let me know.
User avatar
Moderator

GK User
Fri May 22, 2015 2:13 pm
Will do!
User avatar
Expert Boarder

GK User
Fri May 22, 2015 6:41 pm
Ps... Feel free to post new forum threads if you have any other questions.
User avatar
Moderator

GK User
Fri May 29, 2015 4:06 am
:)
User avatar
Expert Boarder


cron