[Pratik]

HI @calmo16,

Another question: using tags and categories, the results are shown in a big white ‘beam’. Is it possible to make it smaller? And to change the font color, because it’s not very clear in the white?
* For this, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

.page-header {
    color: #ff00dd;
    font-size: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

You can change the hex value of color attribute to change the text color.
You can change the size of text by font-size attribute.
You can change the values of each padding attribute to make the white beam large or small on each side.

Also using Search: the search results are shown in this big white beam. How can I change size and color?
* Same above code will work for search results too since they use same template and class.

And it also would me nice to see whole posts (and not excerpts) as search results.
* For this, you will need to do some customization via child theme. First, you need to make a child theme. For details on making child theme, please see this link. Then make a content.php file and add the codes here. This will make search results display whole post rather than excerpt.

And how can i use other languages in ‘search results’) Can the text be changed in another language? And how do I change ‘older posts’ and ‘newer posts’ in another language?
* This is possible. For this, you need to do it via the pot files. You need to copy the pot file and add a .po file with same template. For more details on translation, goto this link.

Let me know if this works out or not.

Regards,
Pratik

[Pratik]

Hi @Catchemall,

Margin works but might be disrupted on some devices. Please post in if you have further questions.

Regards,
Pratik

[Pratik]

Hi @Catchemail,
If you want the menu under header image, you can do it by using child theme.

Since you are already using the child theme, I will skip the part about creating it.

Now add following code in you child theme’s functions.php:

/*
 * Move primary menu below header image
 */
function catchresponsive_move_primary_menu() {
    remove_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 20 );
    add_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 50 );
}
add_action( 'init', 'catchresponsive_move_primary_menu' );

Please remove any custom css you have added.

Let me know if this works out or not,

Regards,
Pratik

[Pratik]

Ignore this reply and view the one below this.

[Pratik]

Hi @husker,

If you do not want to renew each year going forward, you will be able to use the theme but will not receive the updates once the subscription expires.

Regards,
Pratik

[Pratik]

hi @corkiesmom,

Please post in your site url so I can check it.

Regards,
Pratil

[Pratik]

Hi @calmo16,

1. There is a way but you will need to dig into the codes and need to have quite a bit on knowledge about how categories and tags works on WordPress in code level.

2. That can be achieved too. But again, need some knowledge about Templates Hierarchy of WordPress. You can view this link which describes how to add layouts for different category types.

3. The link in point 2 explains this pretty well.

4. To get rid of date and author in Clean Box Theme, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

header.entry-header .entry-meta {
    display: none;
}

This will remove it in both blog page and single page.

Regards,
Pratik

[Pratik]

Hi @lygiahuan,
1. To center the menu, do you want the whole menu to just center leaving equal space on the left and right or do you want to even out the menus in css each item taking equal space?

2. to Center the Title in single post titles only, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

.single-post #main #content .post h2.entry-title {
    text-align: center;
}

Regards,
Pratik

[Pratik]

Hi @ShoreBeing,

The reason for this is the menu name is different in those sites. Use following CSS and it should work for all:

.nav-footer .catchresponsive-nav-menu a {
    font-size: 25px; /* Increase or decrease 25 to desired number */
    font-weight: bold; /* Remove this line to remove bold effect */
}

This should work on all sites. Let me know if are issues in other sites.

Note: http://www.shorefit.co.uk/ gave me forbidden error.

Regards,
Pratik

[Pratik]

Hi @yogawithagnes,

Thank you for your valuable review. Have a nice day.

Regards,
Pratik

[Pratik]

Hi @riccrom123,

You are welcome. If you liked our theme and support, please leave us your valuable review at https://wordpress.org/support/view/theme-reviews/catch-evolution.

Thanks,
Pratik

[Pratik]

HI @riccrom123,

I am sorry but it is not possible because that height changes as window resizes. That is why I gave you two options.

[Pratik]

Hi @riccron123,

There are two ways to achieve what you want, both a bit different. I will provide you css for both:
1. Following code will resize the image with respect to screen. Will not maintain the aspect ratio:

#header-content {
    background: rgba(0, 0, 0, 0) url("http://www.fabricfoto.it/wp-content/uploads/2016/02/testata_1600x230.png") repeat scroll 0 0 / 100% 100%;
}

2. Following code will show full image and maintain the aspect ratio but will show gaps when the image cannot cover (because it will maintain the aspect ratio):

#header-content {
    background-image: url("http://www.fabricfoto.it/wp-content/uploads/2016/02/testata_1600x230.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

Let me know which one works out for you.

Regards,
Pratik

[Pratik]

Hi @giuliog,

Glad everything worked out. If you liked our theme and support, please leave a review at here.

Thanks,
Pratik

[Pratik]

Hi @rohit,

Glad everything worked out. If you liked our theme and support, please leave a review at here.

Thanks,
Pratik

[Pratik]

Hi @rohit,

To center the title, you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

@media (min-width: 768px) {
    #header-left {
        margin-left: 37%;
    }
}

Let me know if this worked out for you or not.

Regards,
Pratik

[Pratik]

Hi @marga,

Glad everything worked out. If you liked our theme and support, please leave us your valuable review at here.
——————————————————————————————————————————————————————–
Hi @riccrom123,

I do not understand what you mean because if you move header-content inside header-image, there will be no difference. I think you the header image to be the background of your logo. It that is the case, you first need to add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#header-content {
    background-image: url("http://www.fabricfoto.it/wp-content/uploads/2016/02/testata_1600x230.png");
    background-size: cover;
}

Then remove the header image by going to Appearance=> Customize=> Header Image and Clicking on Hide Image.

Maybe you will want to hide the Site Title from there too. To do that, go to Appearance=> Customize=> Site Identity and uncheck “Display Header Text” option.

This should solve the issue as you want. If not, please let me know and I will assist you further.

Regards,
Pratik

[Pratik]

Hi @giuliog,

You can increase the 87% to as much as you want(limit is 100%) in #header-left to push the logo further as I have provided in previous reply. To hide the search sidebar, you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#header-right {
    display: none;
}

Let me know if this works or not. I will assist you further if you find difficulties.

Regards,
Pratik

[Pratik]

Hi @riccrom123,
No need to deactivate another plugin. Now, to remove gap in header content and center the logo, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

/* Remove Header content top gap */
#header-content {
    padding-top: 0;
}
/* To center logo */
#logo-wrap {    
    text-align: center;
    width: 100%;
}
#site-logo, #site-details {
    float: none;
}

Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi @marga,
You can add following CSS to center the Site Title:

#site-details {
    text-align: center;
    width: 100%;
}

———————————————————————————-

Hi @riccrom123,

The logo is not showing due to Plugins conflict. It is strange but the plugins are adding CSS to .clear class. Please deactivate another-wordpress-classifieds-plugin and Simple Shortcodes plugin, then the logo will be visible. Then I will be able to help you with custom CSS.

Regards,
Pratilk

[Author]

Posts