Home Forums Pro Themes Education Hub Pro How to change logo size and centre the site title.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #72059
    Hong Fan
    Participant

    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.

    #72132
    wensolutions
    Keymaster

    Hello @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 🙂 .

    #72185
    Hong Fan
    Participant

    Hi,

    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

    #72193
    wensolutions
    Keymaster

    Hello @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!!

    #72276
    Hong Fan
    Participant
    #72292
    wensolutions
    Keymaster

    Hello @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!

    #72655
    Hong Fan
    Participant

    Sorry 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.

    #72735
    wensolutions
    Keymaster

    Hello @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!!

    #72748
    Hong Fan
    Participant

    Thank you for all the help.

    #72778
    wensolutions
    Keymaster

    Hello @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!!

    #73229
    tussinglady
    Participant

    I 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

    #73240
    wensolutions
    Keymaster

    Hello @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!!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.