[Mahesh]

Hi @venumurki,

1. For your first issue i.e. combine featured content and latest-posts together into one section, this is beyond the theme scope, you have to hire a customizer.

2. The second one, hiding Posted On in latest post, create a child theme ( You can find the details on how to create a child theme HERE ). Then in child theme’s function.php add the following codes. This will hide the Posted On from post in home page only.

if ( ! function_exists( 'adventurous_header_meta' ) ) :

function adventurous_header_meta() {

	$date = sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
		esc_url( get_permalink() ),
		esc_attr( get_the_time() ),
		esc_attr( get_the_date( 'c' ) ),
		esc_html( get_the_date() )
	);

	$author = sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>',
		esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
		esc_attr( sprintf( __( 'View all posts by %s', 'adventurous' ), get_the_author() ) ),
		get_the_author()
	);

	// Translators: 1 is category, 2 is tag, 3 is the date and 4 is the author's name.
	//
	if ( is_home() && ! is_paged() ) {
        $utility_text = __( '<span class="on-date">%1$s</span><span class="by-author"> by %2$s</span>', 'adventurous' );
    }
    else{
    	$utility_text = __( '<span class="on-date">Posted on %1$s</span><span class="by-author"> by %2$s</span>', 'adventurous' );
    }

	printf(
		$utility_text,
		$date,
		$author
	);
}
endif;

3. For displaying search box instead of magnifying glass, please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:
Note: This will only place search box in desktop view as it may cause design issue in responsive design. So the mobile view will be same as before.

@media screen and (min-width: 981px){
    #header-right .header-search-wrap {
        display: block;
        position: static;
        padding: 0;
        border: none;
        opacity: 1 !important;
    }
    #header-search {
        display: none;
    }
    #header-right #header-search-widget{
        width: 272px;
    }
}

Regards,
Mahesh

[Mahesh]

Hi @Joerg,

Thank you for using Catch Adaptive Pro.
For changing footer content, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Footer Editor Options” and change the content in ”
Footer Left Content” for text in footer left, and “Footer Right Content” for text in footer right respectively. Then click “Save & Publish” button.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

The feature is already built-in in the Catch Everest Pro version except the primary menu font, so I would recommend you to upgrade to Catch Everest Pro. But if you prefer to have it in the Catch Everest Free version, go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.
1. To change the text color in the sidebar, the footer, the primary menu and the featured content titles

/* Primary Menu Color */
#header-menu ul.menu a {
    color: #00ff00;
}

/* Featured Content Title Color */
#featured-post .entry-header .entry-title a {
	color: #ff0000;
}

/* Sidebar Link Color */
.widget-area .widget a, .widget-area .widget a:hover{
	color: #0000ff;
}

/* Footer Color */
#site-generator {
	color: #0000ff;
}

2. to change the font in the featured content titles and primary menu

/* If you use fonts which are not CSS built-in fonts, 
you have to import it, here I have import Roboto Font 
from google to use it in Featured Content Title */
@import url("http://roboto-webfont.googlecode.com/svn/trunk/roboto.all.css");

/* Primary Menu Font */
#header-menu ul.menu a {
    /* Please replace the font family with your desire */
    font-family: Helvetica, sans-serif;
}

/* Featured Content Title Font */
#featured-post .entry-header .entry-title a {
    /* Please replace the font family with your desire */
    font-family: 'Roboto', sans-serif;
}

Let me know if any issue.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

Thank you for your appreciation.

Regards,
Mahesh

[Mahesh]

Hi @effess,

Yes, it can be done using class only. The above code I’ve given is also using class only. Use the upper one for changing entire site’s attachment page title to same color. If you want different page to have different color you have to specify the unique class, so you can use the lower one.

Regards,
Mahesh

[Mahesh]

Hi @Marijn,

Thank you for using Catch Base Pro.
Please follow these steps:
1. Add two new pages, one to assign as static page and the another for displaying the blogs. Please skip this if you’ve already have the pages to assign for front page and blog page.
2. Go to “Dashboard=> Appearance=> Customize=> Static Front Page” and select “A static page” option in “Front page displays”.
3. Then in the same section, select any page you want to display as the front page from the drop down in “Front Page” ( In demo “About Catch Themes” is assigned as front page ) and select the “blog” page from drop down in “Posts Page”.
4. Click on “Save & Publish” button.
5. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Layout Options”.
6 Select “Show Excerpt (Thumbnail Featured Image)” option from “Archive Content Layout” dropdown.
7. Click “Save & Publish”.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.site-content article {
    border: none;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

No problem, its done.

Regards,
Mahesh

[Mahesh]

Hi @effess,

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

.image-attachment .entry-container .entry-header h1.entry-title {
    color: #26a4cd;
}

The above style will change all attachment page title to the same color specified as above, but if you want to have different color for different attachment page then you may need to specify ids or class.
For example, to have specific color in “Ibiza Travel Pillow & Sleep Mask” attachment page only, add the following CSS.

.image-attachment .post-2096 .entry-container .entry-header h1.entry-title {
    color: #00ff00;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

I understand your problem, but this is beyond the theme scope. I would recommend you to hire a customizer.

Regards,
Mahesh

[Mahesh]

Hi @marcodimi,

Just checked your site, I think you’ve removed the code from the footer.
For displaying the “Privacy Policy” in the footer please follow these steps.
1. Copy the HTML code provided excluding the scripts and add it in “Dashboard=> Appearance=> Theme Options=> Footer Editor Options=> Footer Editor” box and click “Save”.
2. Copy the scripts from the provided HTML and go to “Dashboard=> Appearance=> Theme Options=> WebMaster Tools=> Header and Footer Codes=> Code to display on Footer” box and paste it and click “Save”.
3. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS Options=> Custom CSS” box and add the following CSS and click “Save”.

@media screen and ( min-width:961px )  {
    #site-generator .copyright {
        clear: none;
    }
    .iubenda-ibadge {
        float: left;
    }
}

Let me know if this solves your issue.

Regards,
Mahesh

[Mahesh]

Hi @Mattias,

Sakin will answer this.

Regards,
Mahesh

[Mahesh]

Hi @matthewseanmclachlan,

1. To move the slider up snug up with the menu bar
Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

#page > header#branding {
    display: none;
}

2. To increase the space in between the posts, add following CSS:

#main article.post {
	margin-top: 40px;
}

#main article.post:first-child {
	margin-top: 20px;
}

3. To drop shadow to the posts, add the following CSS:

#main article.post {
	-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 1);
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 1);
}

Regards,
Mahesh

[Mahesh]

Hi @marcodimi,

Can you please clarify on what type of code you want to add. We need to look at it. Please share us the code you want to use.

For that please put the code in http://pastebin.com/ and provide the link for it.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

The theme uses same primary menu in both the desktop version and mobile version, the only difference is the way of displaying.
The menu in mobile version is also showing the nested sub menus similar to that of menu in desktop version. This can be recognized by seeing the font-size and preceding space of the menu items.
I hope you get it.

The code you’ve used in the free version will work on pro version too.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add any of the following CSS.

1. For Header logo Centered:

#site-logo {
	float: none;
}

#site-logo img {
	margin: 0 auto;
}

2. For Header logo full width:

#site-logo {
	float: none;
}

#site-logo img {
	width: 100%;
}

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

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

#promotion-message .section.left > p {
    color: #00ff00;
}

Note: Please change the hex value to desired color.

Regards,
Mahesh

[Mahesh]

Hi @rickm813,

Yes, there is an inbuilt setting for this feature in both themes.
You’ve already set the slider for the homepage only, so I’ll skip this one. The next in to enable Header Featured Image in all other pages excluding Homepage.
1. Go to “Dashboard=> Appearance=> Customize=> Header Image”.
2. Add an image you want as Header Featured Image or select any image from suggested if you’ve already uploaded.
3. Select “Excluding Homepage” option from “Enable Featured Header Image on” dropdown.
4. Click “Save & Publish” button and check.

Regards,
Mahesh

[Mahesh]

Hi @Cricket,

I checked your site, you’re using child theme and modified a lot in style.css. I suggest you to change to parent theme, and test whether the issue persists. If the problem disappears in parent theme, please check your child theme. I recommend to follow the instructions on how to create child theme HERE.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” and add the following CSS.

@media screen and (max-width: 360px){
	#site-title {
	    font-size: 24px;
	}
}

Regards,
Mahesh

[Author]

Posts