[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

[Pratik]

Hi @giuliog,

That can be achieved too. For that you can can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#header-left {
    width: 87%; // Increase or decrease 87 to push or pull the logo near search bar
}
#site-logo {
    float: right;
}

Please note the comment too.

Let me know if this works out or not. You might want to remove following code that added a gap between logo and site title since there will be extra gap now when logo moves towards search.

#hgroup.with-logo {
   margin-left: 15px;
}

Regards,
Pratik

[Pratik]

Hi @pollloid,

Our theme is SEO Friendly. We also recommend Yoast SEO plugin for SEO.

If you upgrade to Pro, then all the theme options will migrate to Pro version as well.

The pro and free version both have the same option panel. Pro version will only have extra options. If you want to see which features are extra in pro version, you can visit this link.

For language, once you change the language of WordPress, the language of theme will automatically change if it has the template for language, If the language does not change, then the .po and .mo files are missing. For that you will need to create those files to support your language. We can give you instructions for that. The theme is translation-ready.

Let me know if you have any more queries.

Regards,
Pratik

[Pratik]

Hi @riccrom123,
I cannot see a logo currently in your site. Please add it and let me know. Then I will provide you with CSS code.
———————————————————————————
Hi @marga,
Do you want to remove gap in header content and center the logo a well? For that, 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 */
#site-logo {
    margin: 0 auto;
    width: 100%;
}

Let me know how it works out.

Regards,
Pratik

[Pratik]

Hi @giuliog,

To add a bit of distance between logo and title, , you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#hgroup.with-logo {
   margin-left: 15px;
}

You can increase or decrease 15 to increase or decrease the gap.

Let me know if this works or not.

Regards,
Pratik

[Pratik]

Hi @yogawithagnes,
I am glad it worked out.

If you liked our theme and support, please give us your valuable review at https://wordpress.org/support/view/theme-reviews/clean-journal.

Thanks,
Pratik

[Pratik]

Hi @giuliog,
I cannot understand exactly what you mean. Do you want the title and description to be aligned with logo, or in the middle with respect to the vertical height of the logo?
If you want the site title and tagline to be aligned in middle with the logo, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#hgroup.with-logo {
    margin-top: 10px;
}

Regards,
Pratik

[Pratik]

Hi @jordan,
I have already answered you in here: https://catchthemes.com/support-forum/topic/older-post-disappeared-in-theme-update/#post-85318

Please add only one support query per issue,

Regards,
Pratik

[Pratik]

Hi @jordon,

Your theme is Catch Box. And from the site, it looks like you are using Jetpack Infinite Scroll Feature. Maybe there is a conflict via a plugin that is adding some css to hide our CSS.

To fix it, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS Styles box:

/* Infinite Scroller */
#content #infinite-handle {
    display: block;
    padding-bottom: 2em;
    text-align: center;
    width: 100%;
}
#content #infinite-handle span {
	background: none transparent;
	padding: 0;
}
#infinite-handle span button {
	background-color: #444;
	font-size: 14px;
	padding: 10px 0;
	width: 100%;
}

#infinite-handle span button:hover,
#infinite-handle span button:focus {
	background-color: #000;
	font-size: 14px;
	padding: 10px 0;
}

Let me know if this works or not.

Regards,
Pratik

[Pratik]

HI @Jeffery,

This is strange. We will look into this. I have tagged @sakin on this post as well. Thank you for your patience.

Regards,
Pratik

[Pratik]

Hi @yogawithagnes,

If you upgrade to Clean Journal Pro version, that area will become Header Sidebar Widget Area. You will have option to add other widgets in this area and remove it.

In free version, we can hide it by using Custom CSS. To hide that bar, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

.sidebar-header-right {
    display: none;
}

Let me know how it works out.

Regards,
Pratik

[Author]

Posts