Support » Theme: Colinear » How to use CSS on Colinear to enlarge a logo?

Viewing 6 replies - 1 through 6 (of 6 total)
  • AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Hello stevekeller,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.

    .site-logo-link {
    max-width: 100%;
    max-height: 100%;
    }
    .site-logo-link img {
    width:200px;
    max-height: 100%;
    }

    Hope this will helps you.

    Thread Starter Steve Keller

    (@stevekeller)

    Hi,

    Thanks for the input!

    I tried the Additional CSS route, but there is only a save button, not save/publish, and nothing changed. You meant that I should put both sections, right? Do I then need to alter the percentages, in the 3 “max-width” and “max-height” instances? Do I need to change the “width:200px:” ?

    Thanks,
    Steve

    AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Hello stevekeller,

    You have to put whole css code into Additional css textarea. Check below screenshot.

    If its not worked then put that whole code into style.css file located at wp-content/themes/your_current_theme/ folder.

    Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

    Chad

    (@shireling)

    @addweb-solution-pvt-ltd’s CSS should do the trick – and they are correct. If the Customizer option isn’t doing the trick (it should with this CSS, I’d give it another shot) definitely use a child theme!

    Thread Starter Steve Keller

    (@stevekeller)

    So…I have tried the Additional CSS avenue, adding the whole code @addweb… provided, before opening a child theme, and when nothing changed, I removed the code from the Custom CSS window. I then used the Child Theme Configurator, to make a child theme, but don’t know if I did it correctly.

    I put the code in the Add’l CSS window, and again nothing changed, and then tried to pull up the 2000 lines of code in the Editor, but only about 15 showed. I must have not copied the right files??

    If putting in the 2 segments of code into the css.style sheet, should I remove the block of code in the middle?

    Logo Code

    Thanks,
    Steve

    Chad

    (@shireling)

    Your child theme’s style.css file should not have 2000 lines in it – the parent theme will, but they don’t all go in the child theme. The child theme only gets the additional styles that you are adding in.

    Your screenshot is showing the stylesheet of the parent theme, not the child theme, so don’t edit that one or delete anything šŸ™‚

    I’m not a user of the plugin you used to set up your theme, so it may use a different naming convention, but generally the name will be something like Colinear Child.

    The CSS should work without your needing to create an entire child theme for this change. Do you have any other CSS saved in there? Try removing that (temporarily, keep a copy set aside) to see if there are syntax errors that are getting in the way.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to use CSS on Colinear to enlarge a logo?’ is closed to new replies.