[adunning]

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.

[Mahesh]

@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

[adunning]

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

[Mahesh]

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

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

Regards,
Mahesh

[adunning]

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.

[Mahesh]

@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

[adunning]

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

[adunning]

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

[Mahesh]

@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

[adunning]

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

[Mahesh]

@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

[adunning]

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.

[Mahesh]

@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

[ElenaN]

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.

[Mahesh]

@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

[Author]

Posts