Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #80715
    Steve
    Participant

    Hi Sakin,

    I’ve read a lot of your advice & I have to say thanks as it’s been a massive help for a newcomer like myself.

    However, I’m stumped on two things:

    1) Changing Logo size. I’d really love for it to be much bigger than it currently is, however it simply won’t. I resized the resized the logo that I saved numerous times however it always came out the same small size. I also tried the CSS ‘codes’ you gave out but ….. Any idea?

    2) Font Colour of Promotional Headline Text. For some reason it’s white and invisable. I honestly have no idea how it got that way, but nothing I’ve tried has worked. Again I attempted the CCS ‘codes’ that you gave out, but to no success …. tho it must be said that this whole CSS thing is new to me.

    Thahnks in advance for any help,

    Steve

    #80720
    Mahesh
    Participant

    Hi @Steve,

    Please post your site url so I can check it.

    #80726
    Marko
    Member

    works great, thanks

    #80730
    Steve
    Participant
    #80731
    Mahesh
    Participant

    Hi @Steve,

    1. For changing logo size, use the following style in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    #masthead #site-logo img {
        max-height: 41px; /* Your desired height for normal header logo */
    }
    
    #masthead.fixed-header #site-logo img {
        max-height: 32px; /* Your desired height for fixed header logo */
    }

    2. You’ve used Elite Accordion plugin which is overwriting the default CSS for Promotional Headline Text color. So you’ll need to either disable that plugin or add the following style in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    #homepage-message .left-section h2 {
        color: #404040; /* Put your desired color's hex value */
    }

    Let me know if this solves your issue.

    Thanks.

    #80732
    Steve
    Participant

    Hey Mahesh,

    I’ll get on this asap, thank you so so much.

    I’ll keep you updated,

    Steve

    THANKS AGAIN!

    #80739
    Steve
    Participant

    Hello again :))

    I atttempted to put that logo info into CSS however nothing seemed to have happened. I put the below info in individually & seperately however I didn’t see any changes at all. No doubt I’ve done something really stupid with these codes, so I’m happy for it to be pointed out to me ;))

    #masthead #site-logo img { max-height: 41px; / 41 / }

    #masthead.fixed-header #site-logo img { max-height: 32px; / 32 / }

    As for the text colour, I simply deactivated Elite accordian & presto! Thanks a lot!

    Steve

    #80749
    Mahesh
    Participant

    Hi @Steve,

    In the previous reply, I’ve put the default max-height value so that you could change as you desired but I think you’ve got confused. Please replace previous Custom CSS with the following:

    #masthead #site-logo img {
        max-height: 60px;
    }
    
    #masthead.fixed-header #site-logo img {
        max-height: 45px;
    }

    Increase or decrease the max-height as per your requirement.
    E.g.
    max-height: 70px;
    or
    max-height: 50px;

    Let me know if this helps.
    Thanks.

    #80764
    Steve
    Participant

    BRILLIANT!! Thank you so much, love your work!

    #81539
    Steve
    Participant

    Hi Mahesh,

    I actually have come across a followup question in regard to this. How would I go about changing the font size of my promotional headline? I gather it’s similar to the changing of colours but I wanted to check.

    Thanks in advance :))

    #81561
    Mahesh
    Participant

    Hi @Steve,

    For changing font size of promotional headline, add the following Custom CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    
    /* Promotional headline font size */
    #homepage-message h2 {
        font-size: 23px; /* Change as required */
    }
    
    /* Promotional sub-headline font size */
    #homepage-message p {
        font-size: 12px; /* Change as required */
    }

    Regards,
    Mahesh

    #81566
    Steve
    Participant

    Excellent, thank you! A problem has arisen though 🙁

    For some reason when I do this, the headline doesn’t get updated when switching between languages. Even though I do the CSS adjustments, on one page it’s a certain size & text while on the other it’s another.

    I’ve had this problem before, but it’s always corrected itself. This time it seems as though it isn’t?

    #81567
    Mahesh
    Participant

    Hi @Steve,

    For this, you have to create a child theme. You can find the details on how to create a child them HERE

    Then in child theme’s functions.php file add the following function.

    function adventurous_child_delete_promotional_cache() {
        delete_transient( 'adventurous_homepage_headline' );
    }
    
    add_action( 'after_setup_theme', 'adventurous_child_delete_promotional_cache' );

    Let me know if this solved your issue.

    Regards,
    Mahesh

    #81621
    Steve
    Participant

    HI Mahesh,

    OK, thanks for the advice. I’ll have a look at setting this up, hopefully it’s not too difficult :))

    Would I be able to disable posts on the homepage this way? Either way, I can always try & see how it looks & go from there.

    Thanks!

    Steve

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Logo Size + Promotional Headline Text’ is closed to new replies.