Home Forums Aside WordPress Theme How to change the size of the logo

This topic contains 18 replies, has 5 voices, and was last updated by  TheBeaverhead 12 months ago.

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #3673

    BWSM
    Keymaster

    When I create the custom logo in the general settings it gets resized to a small size (smaller than 100×120) is there a way to set this larger? Or at least make sure it doesn’t get made so small.

    The logo size is the limit max size as height 60px, if you want change it

    please set css code to custom css box

    #logo img { max-height: 100px; }

    #7892

    STrajkovski
    Participant

    Hi,

    I made this change via WP-Admin, but it doesn’t seem to have made a difference.

    Is there another way to make the logo container larger?

    #7894

    BWSM
    Keymaster

    Hi

    Please make sure paste the css into:
    WP-Admin(left bar): Aside / General Settings / Custom Css

    #logo img { max-height: 100px; }

    If it doesn’t work, please leave your wp-admin(url/user/pass) as private reply, I’ll log in to check it.

    Cheers!
    Bwsm – uiueux.com
    Twitter Facebook

    #7895

    STrajkovski
    Participant
    This reply has been marked as private.
    #7904

    BWSM
    Keymaster

    Please add the css into Custom Css:
    #logo a {width: 100px;}

    #7911

    STrajkovski
    Participant

    Thanks! The above custom CSS worked.

    #9356

    garethlang
    Participant

    Hello,

    I posted on a different thread previously, I have fixed that problem.
    I have changed the logo size but it now seems to be over lapping the menu text, the logo also seems to be of a low resolution, like its being stretched, although I have uploaded the image in a suitable size.

    Thanks for the assistance

    http://www.garethlang.co.uk

    #9363

    BWSM
    Keymaster

    Hi garethlang,

    When you insert the image, make sure the “Full Size” option is checked(https://www.dropbox.com/s/spqsg3rd1l0c7hv/QQ20151229-1.jpg?dl=0 ).

    Cheers!
    Bwsm – uiueux.com
    Twitter Facebook

    #10225

    dtang7d
    Participant

    Hi there,

    I’ve followed the instructions above and successfully made my sidebar logo larger, thank you!

    Is it possible to shuffle the menu’s lower so they arent’ overlapping with the logo?

    http://www.redfoxfilms.com.au

    Thanks!

    David

    #10227

    BWSM
    Keymaster

    Hi, dtang7d
    Please make sure paste the css into:
    WP-Admin(left bar): Aside / General Settings / Custom Css

    #sidebar #logo { 
        max-height: none;
    }
    #10228

    dtang7d
    Participant

    Beautiful! Thank you so much!

    Is there a chance there is also a way to increase the size of the logo that appears on the loading screen?

    #10230

    BWSM
    Keymaster

    Custom Css:

    .site-loading-logo img {
        max-height: none;
    }
    #10231

    dtang7d
    Participant

    Thanks so much! Last question, and this might not be possible; is it possible to use a tiling image as the pattern for the sidebar background, instead of a solid hex colour? Let me know if you’d like me to post this to a new thread

    #10232

    BWSM
    Keymaster

    Custom Css:

    #sidebar {  
    background-image: url(http://www.redfoxfilms.com.au/xxx.gif);
     background-repeat: repeat;
    }
    #10233

    dtang7d
    Participant

    Thanks so much! Is there a code as well to do the same for the loading screen bg? I’m so sorry, I did say the last question was my last.

    #10234

    BWSM
    Keymaster

    Custom Css:

    .site-loading, .page-loading {  
    background-image: url(http://www.redfoxfilms.com.au/xxx.gif);
     background-repeat: repeat;
    }
    #11435

    TheBeaverhead
    Participant
    This reply has been marked as private.
    #11437

    BWSM
    Keymaster

    Hi TheBeaverhead,

    Your theme is Center, this post is for Aside theme

    please use the custom css:

    .navi-over.header-scrolled:not(.ux-mobile) .logo-wrap, .navi-over.header-scrolled:not(.ux-mobile) #header-main > .container, .header-scrolled.navi-over:not(.ux-mobile) #header, .header-scrolled.navi-over:not(.ux-mobile) #logo, .header-scrolled.navi-over:not(.ux-mobile) .logo-a, .header-scrolled.navi-over:not(.ux-mobile) .nav-wrap > div > ul > li, .header-scrolled.navi-over:not(.ux-mobile) .nav-wrap .socialmeida-li {
        height: 120px;
        line-height: 120px;
    }

    BR

    • This reply was modified 12 months ago by  BWSM.
    #11441

    TheBeaverhead
    Participant

    Thank you so much for custom CSS (works exactly how I wanted it) and apologies for posting in a wrong place, I’ll try not to do it again:)

    Best

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.