Home › Forums › Free Themes › Travel Eye › Logo size
- This topic has 11 replies, 2 voices, and was last updated 6 years, 8 months ago by wensolutions.
-
AuthorPosts
-
March 26, 2018 at 8:41 am #68718akituyaParticipant
Hello!
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 #68750wensolutionsKeymasterHello @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 #68799akituyaParticipantAwesome, 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 #68814wensolutionsKeymasterHello @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 #69320akituyaParticipantHi! sorry i did not see your answer before, sure it’s oztrotters.com π
April 3, 2018 at 6:49 am #69333wensolutionsKeymasterHello @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 #69340akituyaParticipantHi! 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 #69355wensolutionsKeymasterHello @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 #69374akituyaParticipantdone!
April 4, 2018 at 6:56 am #69379wensolutionsKeymasterHello @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 #69384akituyaParticipantDid not work π
April 4, 2018 at 11:58 pm #69409wensolutionsKeymasterHello @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.