Home › Forums › Pro Themes › Education Hub Pro › How to change logo size and centre the site title.
- This topic has 11 replies, 3 voices, and was last updated 6 years, 5 months ago by wensolutions.
-
AuthorPosts
-
May 18, 2018 at 11:28 pm #72059Hong FanParticipant
I want to reduce the size of the logo while keeping its proportions.
I also want to vertically centre the site title with the logo.May 21, 2018 at 12:30 am #72132wensolutionsKeymasterHello @provision,
To reduce the size of the logo use below given CSS.
For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.
.custom-logo-link img { max-width: 180px; }
Now to vertically align the site title with the logo use below given CSS.
@media (min-width:768px){ .search-section{ position: absolute; right: 0; } .site-header .container{ position:relative; } #site-identity { width: 100%; } }
Hope this helps.
Best Regards!!
Have a good day 🙂 .
May 21, 2018 at 7:32 pm #72185Hong FanParticipantHi,
The logo size change did work for me, however I cannot get the vertical aligning to work. Where do I put the CSS? I tried including it at the bottom of the stylesheet (style.css) and updating the file, but it did not change anything.
Also, I want to increase the size of the title could you help me with that as well. Changing the font size is not doing anything.
Thanks
May 21, 2018 at 11:28 pm #72193wensolutionsKeymasterHello @provision,
As we have mentioned above, you need to place the custom CSS in Additional CSS or you can even add the css in your child theme style.css.
But we never suggest you to directly add the CSS in your parent theme’s functions.php.
Also, we have provided the CSS by checking the theme locally so please provide your site URL in order to provide the precise fix.
Thank you.
Best Regards!!
May 22, 2018 at 10:05 pm #72276Hong FanParticipantThank you. URL: http://www.canadaeducationservices.ca/
May 23, 2018 at 1:31 am #72292wensolutionsKeymasterHello @provision,
Please replace the above given CSS with the CSS given below:
.custom-logo-link img { max-width: 45%; } @media (min-width:768px){ .search-section{ position: absolute; right: 0; } .site-header .container{ position:relative; } #site-identity { width: 100%; } }
Here for the logo size, increase/decrease the max width percentage as per your requirement.
Also, the CSS provided will arrange the site title and the tagline vertically at left.
Hope this helps.
Regards!
May 25, 2018 at 8:49 am #72655Hong FanParticipantSorry for the miscommunication. I want to increase the size of the title (加拿大教育服务中心) and also vertical centre aligning the title between logo and search bar.
Logo title(加拿大教育服务中心) Search
Thank you.
May 27, 2018 at 7:58 am #72735wensolutionsKeymasterHello @provision,,
To increase the size of the title use below given CSS.
.site-title { font-size: 20px; }
Change the size as per your requirement.
Now to change the align the title with the logo and search use below given CSS.
#site-identity { margin-top: 22px; }
Hope this helps.
Best Regards!!
May 27, 2018 at 4:01 pm #72748Hong FanParticipantThank you for all the help.
May 27, 2018 at 11:50 pm #72778wensolutionsKeymasterHello @provision,
Glad we could help you.
If you have any issues further please let us know.
Also, we would really appreciate if you could help us by rating our theme by following the link given below:
https://wordpress.org/support/theme/education-hub/reviews/#new-post
Thank you.
Best Regards!!
June 5, 2018 at 7:56 pm #73229tussingladyParticipantI was able to increase my logo using this code: `.custom-logo-link img {
max-width: 110%;
}@media (min-width:768px){
.search-section{
position: absolute;
right: 0;
}
.site-header .container{
position:relative;
}
#site-identity {
width: 100%;
}
}`However, my logo is off center of the text. Here’s my website: mypedialabs
June 6, 2018 at 12:49 am #73240wensolutionsKeymasterHello @tussinglady,
Thank you very much for using the theme.
Now when we tried to inspect your site URL to fix the issue, we were unable to access it.
So once you made the site live please let us know and we will provide the precise fix.
Thank you.
Best Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.