[Mahesh]

Hi @mescomptoirs,

Seems you are using some Custom CSS and that is creating the issue.
http://www.mescomptoirs.fr/?custom-css=1&csblog=1&cscache=6&csrev=51 is that CSS. Have you used any plugins for it? Try disabling it and it will fix the issue.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

1. For reducing space in comment, add the following CSS.

#respond .comment-form-author, 
#respond .comment-form-comment {
    margin: -10px 0;
}
#respond .comment-form-email {
    margin-top: 0;
}

2. Align image of each post to the center

.blog #content .post .entry-summary img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

3. Do you mean One thought on “Title Of the Post” ? It is normal. And about the reply button. Well if you just fill up the comment section on the Leave a Reply at the below, it will add up a new comment to a post. But if you click on Reply, then fill up the comment form on the Leave a Reply it will add a comment as a reply to that particular comment. Hope I made you clear on this.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @champac,

Thank you for your appreciation. If you like my support and Catch Responsive theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-responsive?rate=5#postform

Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

For removing title of every page, use the following CSS.

.page #main .entry-container .entry-header {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi champac,

Please use the following code instead of the above. It will add the image in the link with text.
$output = '<a id="custom-link-1" class="custom-btn" href="your-url" title="Title"><img src="link to your image" title="Title" />Link 1</a><a id="custom-link-2" class="custom-btn" href="your-url" title="Title"><img src="link to your image" title="Title" />Link 2</a>';

Note: Replace title, link, image src to your desired title, link and image links.

Then add following styles in Custom CSS.

.custom-btn img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

This can be fixed with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.home #main .entry-container .entry-header {
    display: none;
}

.
This will hide the home title from the static page.

Regards,
Mahesh

[Mahesh]

Hi @baden2016,

1. Make the logo in the header center.
Go to “Dashboard=> Appearance=> Customize=> Custom CSS” box and add the following CSS.

#site-branding {
  float: none;
}
.wrapper {
    text-align: center;
}

2. Please clarify more on second point. I quite didn’t understand your issue.

Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

Thank you for using Full Frame Pro.

For first option, you have to do some customization. First create a child theme. You can find more about creating child theme here. Then override “fullframe_primary_menu” function from child theme.

For second option, it is quite easy one, just have to make some changes in settings. Go to “Dashboard=> Appearance=> Customize=> Theme Options
=> Fixed Header Top Options” then check on Check to disable Header Toggle and Check to disable Header Right Sidebar. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Site Identity” and check on Display Header Text then check on Check to disable logo. It will remove the right toggle button and the menu below the header.

Regards,
Mahesh

[Mahesh]

Hi @Kenta,

For changing size of hamburger icon, add the following CSS.

.mobile-menu-bar:before {
    font: 25px/1 Genericons;
}

Shifting position depends on where you want to shift the icons.

Regards,
Mahesh

[Mahesh]

Hi @John

Thank you for using Catch Everest Pro.
I am a bit confused on why you are using category blog for blog posts. You can create a page “Blog” then go to “Dashboard=> Settings=> Reading” and select “A static page” option then choose “Blog” from Posts page drop down.
If you prefer to use archive as you’re using now, creating static blog page step can be skipped.
Then go to “Dashboard=> Appearance=> Theme Options=> Layout Options” and select “Excerpt/Blog Display” in Content Layout. This will display summary for your blog.

Let me know if this helped.

Regards,
Mahesh

[Mahesh]

Hi Micke,

You can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

#content .post .entry-title > a {
    font-family: Times New Roman;
}

Note: Please change the font-family to your desired font.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

Discard the above styles and use the following CSS instead.
1. For much wider content, please use the following CSS:

@media screen and (min-width: 1225px) {
        .three-columns #primary {
                width: 690px;
        }
        .three-columns #secondary {
                width: 200px;
        }
}
@media screen and (min-width: 1061px) and (max-width: 1224px) {
        .three-columns #primary {
                width: 534px;
        }
        .three-columns #secondary {
                width: 190px;
        }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
        .three-columns #primary {
                width: 460px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}
  
@media screen and (min-width: 961px) and (max-width: 1024px) {
        .three-columns #primary {
                width: 520px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}

2. To narrow the space between posts, add the following CSS.

.hentry {
    margin-bottom: 10px;
}

3. For round border in content and sidebar, add the following CSS.

.hentry, .widget {
    border-radius: 10px;
}

4. To remove website column and change background color, add the following CSS.

/* Remove website column */
.comment-form-url {
    display: none;
}
/* Change background color */
#respond {
    background-color: #00ffff;
}

Note: please adjust the style such as border-radius, background-color etc. as required.

Regards,
Mahesh

[Mahesh]

Hi @shana-shanti,

It seems it is in Custom CSS. But if you can’t find it, try adding the following styles in Custom CSS at the bottom and let me know if it helped.

#main {
    background-color: transparent;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

It would be difficult for us to fix after code customization, and where actually the change is causing the trouble. For changing → to … you can go to “Dashboard=> Appearance=> Customize=> Theme Options=> Excerpt / More Tag Settings” and replace → with … and click save.

Regards,
Mahesh

[Mahesh]

Hi @Esaw,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @andrew90,

It won’t trouble you much setting width to 1260px, but you’ll need to fix the width of the content, sidebars etc in for responsive design.

Regards,
Mahesh

[Mahesh]

Hi @champac,

1. For hiding default search text on click, add the following CSS.

#masthead .search-field:focus::-moz-placeholder {
    color: transparent;
}
#masthead .search-field:focus::-webkit-input-placeholder {
    color: transparent;
}

2. Adding another button to the left along with the first one, you do not need to repeat the whole code I’ve given you above, it won’t work. Just adding modifying a line will fix the issue. In the above code, please Find the following line:
$output = '<a class="custom-btn" href="your-url" title="Title">Your Text</a>';
And Replace it with the following, two link buttons will be displayed.
$output = '<a id="custom-link-1" class="custom-btn" href="your-url" title="Title">Link 1</a><a id="custom-link-2" class="custom-btn" href="your-url" title="Title">Link 2</a>';

3. Add image to the button
I’m a bit confused on what you actually mean. Do you mean background or the icon as image? Please clarify on this.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @osPriya,

Catch Responsive provides Featured Content for pages only. Since pages don’t have categories I’m afraid above is not possible in Catch Responsive Free version for dynamic category links. You can upgrade to pro version for more features in Featured Content such as Posts, Post within selected Categories, Widget and Images (with custom links).

Regards,
Mahesh

[Mahesh]

Hi @marga,

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

.page-id-21 .entry-content {
    font-size: 20px
}

Note: Please adjust the font-size as desired.

Regards,
Mahesh

[Mahesh]

Hi @champac,

For this you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in child theme’s functions.php add the following codes.

function catchresponsive_get_social_icons(){
	if( ( !$output = get_transient( 'catchresponsive_social_icons' ) ) ) {
		$output	= '';

		$output	= '<a class="custom-btn" href="your-url" title="Title">Your Text</a>';

		$options 	= catchresponsive_get_theme_options(); // Get options

		//Pre defined Social Icons Link Start
		$pre_def_social_icons 	=	catchresponsive_get_social_icons_list();

		foreach ( $pre_def_social_icons as $key => $item ) {
			if( isset( $options[ $key ] ) && '' != $options[ $key ] ) {
				$value = $options[ $key ];

				if ( 'email_link' == $key  ) {
					$output .= '<a class="genericon_parent genericon genericon-'. sanitize_key( $item['genericon_class'] ) .'" target="_blank" title="'. esc_attr__( 'Email', 'catch-responsive') . '" href="mailto:'. antispambot( sanitize_email( $value ) ) .'"><span class="screen-reader-text">'. __( 'Email', 'catch-responsive') . '</span> </a>';
				}
				else if ( 'skype_link' == $key  ) {
					$output .= '<a class="genericon_parent genericon genericon-'. sanitize_key( $item['genericon_class'] ) .'" target="_blank" title="'. esc_attr( $item['label'] ) . '" href="'. esc_attr( $value ) .'"><span class="screen-reader-text">'. esc_attr( $item['label'] ). '</span> </a>';
				}
				else if ( 'phone_link' == $key || 'handset_link' == $key ) {
					$output .= '<a class="genericon_parent genericon genericon-'. sanitize_key( $item['genericon_class'] ) .'" target="_blank" title="'. esc_attr( $item['label'] ) . '" href="tel:' . preg_replace( '/\s+/', '', esc_attr( $value ) ) . '"><span class="screen-reader-text">'. esc_attr( $item['label'] ) . '</span> </a>';
				}
				else {
					$output .= '<a class="genericon_parent genericon genericon-'. sanitize_key( $item['genericon_class'] ) .'" target="_blank" title="'. esc_attr( $item['label'] ) .'" href="'. esc_url( $value ) .'"><span class="screen-reader-text">'. esc_attr( $item['label'] ) .'</span> </a>';
				}
			}
		}
		//Pre defined Social Icons Link End

		//Custom Social Icons Link End
		set_transient( 'catchresponsive_social_icons', $output, 86940 );
	}

	return $output;
}

Note: Please edit the following line in the above code as required
$output = '<a class="custom-btn" href="your-url" title="Title">Your Text</a>';
Replace your-url, title and Your Text with link, title and button text respectively.

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

.custom-btn {
    background-color: grey;
    border-radius: 5px;
    color: #000;
    padding: 3px 5px;
    margin: 5px 0 0 5px;
    display: inline-block;
}

.custom-btn:hover {
    text-decoration: none;
}

Note: You can change the styles above as you desired.

Regards,
Mahesh

[Author]

Posts