Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #88058
    adunning
    Participant

    Hi, I want to change the Home Page Headline please, specifically:

    1) Change the size of the font

    2) Change the color of the font

    3) Change background color of the headline

    4) Remove grey lines between headline and primary menu above, and featured content below

    5) Finally – is it possible to reduce the space around the headline? To make it less deep as it current takes up a lot of space.

    Many thanks for your help.

    #88122
    Mahesh
    Participant

    @adunning: Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

    #homepage-message {
        font-size: 25px;
        color: #f8d342;
        background-color: #75916e;
        border: none;
    }
    
    /* Font size for headline description */
    #homepage-message span {
        font-size: 19px;
    }

    Note: Please change the font-size, color and background-color as required.

    Regards,
    Mahesh

    #88370
    adunning
    Participant

    Hi Mahesh,

    Thanks for this, that’s great.

    If I wanted to make it italic also?

    There is now a gap between the headline and menu above – a thick white strip – I posted separately about changing the main area background color so maybe that will fix that here?

    Angela

    #88394
    Mahesh
    Participant

    @adunning: For italics font in Promotion Headline, use the following CSS:

    #homepage-message {
        font-style: italic;
    }

    Regards,
    Mahesh

    #88424
    adunning
    Participant

    Hi Mahesh,

    Many thanks for that.

    For some reason I can’t find my second post of yesterday…

    I was asking how to now change the background color of the featured content area on the home page from white? And there is a gap between the headline and the menu above – how to fix that?

    Also – Is it possible to reverse positions of the primary menu (across the top) and the headline & sub-headline? (So that the headline is directly below the header image, then the menu is below that.)

    Thanks again.

    #88467
    Mahesh
    Participant

    @adunning: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS, it will fix background of featured content, and gap between headline and menu:

    /* Change Background Color of Featured Content */
    #featured-post {
        background-color: #333333;
    }
    
    #featured-post, #primary {
        padding: 50px;
    }
    
    .no-sidebar-full-width #primary, .woocommerce #primary {
        width: 90%;
    }
    
    #main {
        padding: 0;
    }
    
    #homepage-message {
        margin-top: 0;
    }
    
    #homepage-message p {
        margin: 0;
    	padding: 20px 0; 
    }
    
    @media screen and (max-width: 1020px) {
        #featured-post, #primary {
            padding: 30px;
        }
    }
    
    @media screen and (max-width: 1000px) {
        #primary {
            width: 90%;
        }
    }
    
    @media screen and (max-width: 480px) {
       #featured-post, #primary {
            padding: 20px;
        }
    }
    
    @media screen and (max-width: 320px) {
        #featured-post, #primary {
            padding: 15px;
        }
    }

    Reverse positions of the primary menu (across the top) and the headline & sub-headline
    Yes, this is possible. For this you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php, add the following codes.

    add_action( 'init', 'catcheverest_child_move_menu_below_promotion_headline' );
    function catcheverest_child_move_menu_below_promotion_headline(){
    	remove_action( 'catcheverest_after_hgroup_wrap', 'catcheverest_header_menu', 10 );
    	add_action( 'catcheverest_before_main', 'catcheverest_header_menu', 10 );
    	remove_action( 'catcheverest_before_main', 'catcheverest_homepage_headline', 10 );
    	add_action( 'catcheverest_after_hgroup_wrap', 'catcheverest_homepage_headline', 10 );
    }

    Let me know if any problem.

    Regards,
    Mahesh

    #88488
    adunning
    Participant

    Thanks Mahesh, that’s worked perfectly. One further thing I forgot to ask – can I have code to change background color of the main post on home page – the welcome paragraph at the bottom.

    I don’t feel confident enough to do a child theme – I’ve never created one before, but thank you for letting me know it is possible.

    Angela

    #88990
    adunning
    Participant

    Hi Mahesh,

    Okay I installed a plug-in to enable me to create a child-theme easily, however when adding the above code it hasn’t reversed the title and main menu – could you take a look please?

    Many thanks,
    Angela

    #89010
    Mahesh
    Participant

    @adunning: Have you add the above code in your child theme’s functions.php. The above code should work fine. Please share your child theme’s functions.php file.

    Regards,
    Mahesh

    #89056
    adunning
    Participant

    Hi Mahesh, okay I can only find the stylesheet to make edits – do I need to create the functions.php file?

    #89138
    Mahesh
    Participant

    @adunning: Yes, you’ll need to create functions.php. style.css file contains all the theme details and some codes to style the theme. All codes for controlling functionality is included in functions.php.
    You can also download Catch Everest Child theme from the link below:
    http://goo.gl/5jcX2l

    Regards,
    Mahesh

    #89166
    adunning
    Participant

    Okay thanks Mahesh, that google link didn’t work – it says it’s been disabled.

    Is it possible to do what I want to do with the premium theme however? If so, that would be the easier option for me I think.

    #89199
    Mahesh
    Participant

    @adunning: No, its the same in Pro version too. You’ll need to create a child theme and do some customization.
    Please download the child theme from this blog link below
    https://catchthemes.com/blog/create-child-theme-wordpress/

    Regards,
    Mahesh

    #89442
    ElenaN
    Participant

    Hello,

    I’ve just done an update to this theme on http://www.modamasculina.ro/.

    I’ve worked with it perfectly until now, but I cannot seem to find an option in order to leave on top only the logo with the name without: “Moda Masculina” title and “fashion, beauty, lifestyle and more for men” description.

    I know where to change these details in the options, but if I delete it from there it will also go from the top of the browser. So what I’m asking is there a CSS code I can put to override the option from under the logo, but leave the one from the top of the browser?

    Together I just think it’s a bit too much.

    Thank you.

    Have a lovely day.

    #89524
    Mahesh
    Participant

    @elenan: Please use the Custom CSS for now, the issue will be fixed in the next update. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS;

    #hgroup {
        display: none;
    }

    Regards,
    Mahesh

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Change Homepage Headline – Catch Everest FREE Theme’ is closed to new replies.