Home › Forums › Free Themes › Travel Eye › Logo size
- This topic has 11 replies, 2 voices, and was last updated 7 years ago by
wensolutions.
-
AuthorPosts
-
March 26, 2018 at 8:41 am #68718
akituya
ParticipantHello!
I have changed my logo recently and it has a round shape now (not rectangle anymore).
I have followed the recommendation of the theme to make the image be 150×150 pixel. It is a png type, so I thought it would appear transparent as it does on photoshop, instead of this it appears with a white square background that goes a bit over the main pic on top of the home page and over the banner on other pages.I would like the logo itself to be bigger inside of the white background square and the white background to disappear so it would not seem that there is a problem. How can I do this?
Not easy to explain, hope you understand what I mean!
Thank you
Vanessa
March 26, 2018 at 11:32 pm #68750wensolutions
KeymasterHello @akituya,
To remove the white background where the logo appears use below given CSS.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.custom-logo-link { background: none; }
Hope this helps.
Best Regards!!
March 27, 2018 at 3:58 am #68799akituya
ParticipantAwesome, thanks guys!
WHen i try to make the logo bigger it actually goes over the menu and change the position of it. How could i make it bigger without changing anything else?
Also as logo is square it makes the white banner above the image (where the menu is stated) quite big if we compare with the space that the menu takes, could we make the white banner not as big even if the logo goes over the image?
Thanks 🙂
March 27, 2018 at 5:42 am #68814wensolutions
KeymasterHello @akituya,
Can you provide the site URL so that we can provide the precise fix on this?
Thank you 🙂 .
Best Regards!!
April 3, 2018 at 5:29 am #69320akituya
ParticipantHi! sorry i did not see your answer before, sure it’s oztrotters.com 🙂
April 3, 2018 at 6:49 am #69333wensolutions
KeymasterHello @akituya,
The logo image currently used in your site is very small so we cannot increase the size more than that. So if you want to bigger logo size upload the logo image of bigger size.
Hope this helps.
Best Regards!!
April 3, 2018 at 10:56 am #69340akituya
ParticipantHi! yes i know but when i increase the size it makes the white banner with the menu get larger and goes over it, this is the reason why i did not increased the size. if i could increase the size of the logo without it to make change the appearance of the banner would be great 🙂
April 3, 2018 at 11:53 pm #69355wensolutions
KeymasterHello @akituya,
Please upload the bigger image in the logo section and let us know so that we can see what we can do on this.
Thank you 🙂 .
Best Regards!!
April 4, 2018 at 6:34 am #69374akituya
Participantdone!
April 4, 2018 at 6:56 am #69379wensolutions
KeymasterHello @akituya,
We have managed the header section using custom CSS. So now add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
#main-nav { margin-top: 125px; } .site-header .container { padding-left: 0px; padding-right: 0px; }
Hope this helps.
Best regards!!
April 4, 2018 at 7:57 am #69384akituya
ParticipantDid not work 🙁
April 4, 2018 at 11:58 pm #69409wensolutions
KeymasterHello @akituya,
Please replace above-given CSS with the CSS given below:
#main-nav { margin-top: 125px; } .site-branding { max-width: 25%; } @media (max-width:800px;){ .site-branding { margin: 0 auto; } }
Also please make sure to add the CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
Hope this helps.
Best Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.