-
AuthorPosts
-
May 8, 2014 at 6:25 am #261637
Hi,
I have tried searching the forums for an answer and the replied code don’t work. I require assistance on 3 matters:
1) I would like to change the logo size to 785px x 180px
2) I would like to increase the padding of the top of the logo.
3) I would like to use google fonts for the theme:
Text such as blog entries or body text to be > https://www.google.com/fonts/specimen/Sorts+Mill+Goudy
With the following css:
color: #999999;
font-size: 14px;
font-style: normal;
font-family: OFLSortsMillGoudyTTRegular,Garamond,Palatino,Georgia,serif;
text-transform: none;
line-height: 1.25em;
font-weight: 400;Navigation bars/menu items and post title/entry title to be > http://www.fonts2u.com/melbourne-light.font
With the following css:
color: #000000;
font-style: normal;
font-size: 14px;
font-family: melbournelight,Arial,Helvetica,sans-serif;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;- This topic was modified 10 years, 7 months ago by goderictia.
May 8, 2014 at 6:26 am #261639This reply has been marked as private.May 8, 2014 at 2:02 pm #261776Hi!
1- Please go to Enfold theme options > Header Layout > Header Size = Custom Size > Header Custom Height = 200px
2- Please add following code to Quick CSSdiv .logo { margin-top: 20px; }
3- Please refer to Ismael’s post here – https://kriesi.at/support/topic/add-new-font/#post-234710
Cheers!
YigitMay 15, 2014 at 1:43 am #265009Yigit, I understand how to make the logo height taller but I want the logo to be wider. I would like it to be about 600px WIDE. the height is fine. here’s my page. I’d like to add a tag line to the right of the Casco logo across the header. I figured I’d make the logo wider but it cuts off the right side. I think the max width for the logo is 340px?
http://www.kevinpropper.com/casco
Regards,
KvnMay 15, 2014 at 10:20 pm #265554Hey!
It seems like you figured it out by adding a second logo – http://i.imgur.com/5D188pc.png
Please let us know if you need further assistance :)Regards,
YigitMay 16, 2014 at 12:26 am #265628The second logo was added using .header-additions. I would like it to be about 1/3 larger though. Do I simply make the image size larger and designate a diff img src= to the larger graphic or do I have to increase the size of .logo or something else? I’m experienced in working in wordpress but I feel like I know just enough to totally muck everything up.
Thanks for your help.
KevinMay 16, 2014 at 8:57 pm #265965Hey!
Yes and then you can adjust it using custom CSS with following selectors
div.header-addition img { /* custom CSS for image */ } div.header-addition { /* custom CSS for div that wraps image */ }
But seems like you pretty much got it figured it out!
Best regards,
YigitMay 16, 2014 at 10:26 pm #265991Thanks Yigit, I will implement your suggestions. I appreciate the help.
-
AuthorPosts
- The topic ‘Logo size, Padding for top of logo and google fonts’ is closed to new replies.