Tagged: catch everest
- This topic has 14 replies, 3 voices, and was last updated 8 years, 7 months ago by Mahesh.
-
AuthorPosts
-
March 23, 2016 at 6:05 pm #88058adunningParticipant
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.
March 24, 2016 at 9:50 am #88122MaheshParticipant@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,
MaheshMarch 27, 2016 at 10:00 pm #88370adunningParticipantHi 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
March 28, 2016 at 10:23 am #88394MaheshParticipant@adunning: For italics font in Promotion Headline, use the following CSS:
#homepage-message { font-style: italic; }
Regards,
MaheshMarch 28, 2016 at 7:10 pm #88424adunningParticipantHi 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.
March 29, 2016 at 10:18 am #88467MaheshParticipant@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’sfunctions.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,
MaheshMarch 29, 2016 at 4:41 pm #88488adunningParticipantThanks 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
April 7, 2016 at 9:58 pm #88990adunningParticipantHi 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,
AngelaApril 8, 2016 at 9:28 am #89010MaheshParticipant@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’sfunctions.php
file.Regards,
MaheshApril 8, 2016 at 9:18 pm #89056adunningParticipantHi Mahesh, okay I can only find the stylesheet to make edits – do I need to create the functions.php file?
April 10, 2016 at 9:40 am #89138MaheshParticipant@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 infunctions.php
.
You can also download Catch Everest Child theme from the link below:
http://goo.gl/5jcX2lRegards,
MaheshApril 10, 2016 at 9:33 pm #89166adunningParticipantOkay 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.
April 11, 2016 at 12:35 pm #89199MaheshParticipant@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,
MaheshApril 13, 2016 at 2:58 pm #89442ElenaNParticipantHello,
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.
April 14, 2016 at 9:28 pm #89524 -
AuthorPosts
- The topic ‘Change Homepage Headline – Catch Everest FREE Theme’ is closed to new replies.