[Mahesh]

Hi myinah,

Please add the following CSS:

#main-slider .featured-slider .slides .entry-container {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi @micha,

1. Background color for price code table only.
You are using the following codes for styling table:

table {
         background-color: #eaeaea;
         -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	 -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
         padding: 0 5px;
         padding: 0rem 0.5rem;
         vertical-align:middle;
}

.table tr {
  height: 10px;
}

This is generic i.e. all the elements in the site will have same rule (your current issue ).
To over come this, give the table an id or class. For example:
<table id="price-code" class="custom-bg-color">
And use the following CSS instead for that specific table only:

table#price-code, table.custom-bg-color {
         background-color: #eaeaea;
         -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	 -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
	 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);	
         padding: 0 5px;
         padding: 0rem 0.5rem;
         vertical-align:middle;
}

table#price-code tr, table.custom-bg-color tr {
  height: 10px;
}

To clarify you more on class and id, id is used if you need it for only one element. Id must be unique for each element. And class can be used for styling multiple elements with same style. In the above code I’ve used both id and class. If you want to add background to other tables in you site too then just add class attribute to that table as class=”custom-bg-color” and it’ll work.

2. And for sticking form to the right of the image, add the following CSS:

table.ebook-eco-lodges td {
    vertical-align: middle;
}

Let me know if any issue.

Regards,
Mahesh

[Mahesh]

Hi @knudkp,

In “Dashboard=> Appearance=> Themes” hover in any installed theme and Theme Details button is displayed, click on it and you can find the theme screenshot, version and description.
Hope this clarifies you.

Regards,
Mahesh

[Mahesh]

Hi @knudkp,

Can you please let me know what errors do you get with Catch Updater Plugin.
And there is now hard and fast rule, that you must use Catch Updater Plugin. You can update theme manually with FTP. For this you’ll need to replace the files or rename the theme or delete it.
Catch Updater Plugin helps you do it automatically and also allows you to create a backup for your existing theme.
Let me know if any confusion.

Regards,
Mahesh

[Mahesh]

Hi @dougdavis22,

Have you made any changes to the theme files or modified any codes?

Regards,
Mahesh

[Mahesh]

Hi @dougdavis22,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @chicadita,

Glad to know you were able to fix you issue.
Catch Box free version does have Custom CSS option. You can find it in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS”.
For making first column more narrow than the other two, add the following CSS:

.entry-content table tr td {
      width: 40%;
}
.entry-content table tr td:nth-child(1) {
      width: 20%;
}

Note: Adjust the width as you desire.

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

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

Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @isabella,

For aligning the footer area to the center, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

.home #supplementary .widget-area {
    float: none;
}

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

For making logo below menu non-responsive, add the following CSS:

#site-logo img {
    max-width: none;
    width: 1200px;
}

Regards,
Mahesh

[Mahesh]

Hi @chicadita,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @corkiesmom,

You’ll need to create a child theme for that. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following code and it will remove the links from the slider image.

function catchresponsive_page_slider( $options ) {
	$quantity		= $options['featured_slide_number'];
	$more_link_text	=	$options['excerpt_more_text'];

    global $post;

    $catchresponsive_page_slider = '';
    $number_of_page 		= 0; 		// for number of pages
	$page_list				= array();	// list of valid page ids

	//Get number of valid pages
	for( $i = 1; $i <= $quantity; $i++ ){
		if( isset ( $options['featured_slider_page_' . $i] ) && $options['featured_slider_page_' . $i] > 0 ){
			$number_of_page++;

			$page_list	=	array_merge( $page_list, array( $options['featured_slider_page_' . $i] ) );
		}

	}

	if ( !empty( $page_list ) && $number_of_page > 0 ) {
		$get_featured_posts = new WP_Query( array(
			'posts_per_page'	=> $quantity,
			'post_type'			=> 'page',
			'post__in'			=> $page_list,
			'orderby' 			=> 'post__in'
		));
		$i=0;

		while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
			$title_attribute = the_title_attribute( array( 'before' => __( 'Permalink to: ', 'catch-responsive' ), 'echo' => false ) );
			$excerpt = get_the_excerpt();
			if ( $i == 1 ) { $classes = 'page pageid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'page pageid-'.$post->ID.' hentry slides displaynone'; }
			$catchresponsive_page_slider .= '
			<article class="'.$classes.'">
				<figure class="slider-image">';
				if ( has_post_thumbnail() ) {
					$catchresponsive_page_slider .= get_the_post_thumbnail( $post->ID, 'catchresponsive-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'	=> 'attached-page-image' ) );
				}
				else {
					//Default value if there is no first image
					$catchresponsive_image = '<img class="pngfix wp-post-image" src="'.get_template_directory_uri().'/images/gallery/no-featured-image-1200x514.jpg" >';

					//Get the first image in page, returns false if there is no image
					$catchresponsive_first_image = catchresponsive_get_first_image( $post->ID, 'catchresponsive-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'attached-page-image' ) );

					//Set value of image as first image if there is an image present in the page
					if ( '' != $catchresponsive_first_image ) {
						$catchresponsive_image =	$catchresponsive_first_image;
					}

					$catchresponsive_page_slider .= $catchresponsive_image;
				}

				$catchresponsive_page_slider .= '
				</figure><!-- .slider-image -->
				<div class="entry-container">
					<header class="entry-header">
						<h1 class="entry-title">
							<a title="Permalink to '.the_title('','',false).'" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
						</h1>
						<div class="assistive-text">'.catchresponsive_page_post_meta().'</div>
					</header>';
					if( $excerpt !='') {
						$catchresponsive_page_slider .= '<div class="entry-content"><p>'. $excerpt.'</p></div>';
					}
					$catchresponsive_page_slider .= '
				</div><!-- .entry-container -->
			</article><!-- .slides -->';
		endwhile;

		wp_reset_query();
  	}
	return $catchresponsive_page_slider;
}

Regards,
Mahesh

[Mahesh]

Hi @husker,

For the above changes:
1. Edit the page with that text, go to content text tab and find the line
<p>Scroll left and right to view all</p>
And replace it with the following
<p class="mobile-display">Scroll left and right to view all</p>
Then click update.

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

.mobile-display {
    display: none;
}
  
@media screen and (max-width: 768px) {
    .mobile-display {
        display: block;
    }
}

Note: Follow step for all pages with “Scroll left and right to view all” text

Regards,
Mahesh

[Mahesh]

Hi @isabella,

Thank you for using Catch Everest Pro.
I recommend you to use Widget Visibility control plugins such as Jetpack’s Widget Visibility or Widget Visibility plugin etc. Or you may use any plugins from WordPress.org plugins repo with similar feature. And then use the widget to display your desired image in home page only.

Regards,
Mahesh

[Mahesh]

Hi @hugodebe,

Glad you made it work. And the above one the the great step by step tutorial for creating .po, .mo files for translation.
And yes the .po and .mo files are case sensitive.
Thank you for the above.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @halbfett,

Sorry, I didn’t quite get what you meant, please clarify more. Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @knudkp,

1. You can check theme’s change log. Theme folder/changelog.txt. And you can check the theme’s version in “Dashboard=> Appearance=> Themes” Theme Details.

2. We do have how to do video for Catch Updater. Please check the link below.
https://www.youtube.com/watch?v=W95SuabDZi8

Regards,
Mahesh

[Mahesh]

Hi @micha,

I recommend you to use the Catch Web Tool’s Social Icons module. It includes the features you desired. The latest update is about to release soon. Please wait for the update. Thank you for your patience.

Regards,
Mahesh

[Mahesh]

Hi @borakula,

By default, full content is displayed in post list. You have to change the setting for displaying excerpt instead of full content. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Layout Options” and in select Excerpt/Blog Display from Full Content Display dropdown. Click Save and check the front end.

Regards,
Mahesh

[Mahesh]

Hi @knudkp,

For updating theme please follow the instruction in the theme-instruction in the link below:
https://catchthemes.com/theme-instructions/catch-base-pro/#updating
I recommend you to use the Catch Updater plugin.
Let me know if any problem.

Regards,
Mahesh

[Author]

Posts