[Mahesh]

Hi @riccrom123,

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

@font-face {
    font-family: "Abel";
    font-style: normal;
    font-weight: 400;
    src: local("Abel"), local("Abel-Regular"), url("https://fonts.gstatic.com/s/abel/v6/_c5D7Wxu-NSk4vT8jUYrkQ.woff") format("woff");
}
  
#header-menu ul.menu a {
    font-family: Abel;
    font-size: 15px;
}

Regards,
Mahesh

[Mahesh]

Hi @catchemall,

For this, you’ll need to create a child theme for this. You can find more details on creating child theme HERE. Then in your child theme’s functions.php replace all the code with the following:

<?php
/**
* Child Theme functions and definitions
*
*/

function theme_enqueue_styles() {
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css'
    );
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

And replace all the CSS in child theme’s style.css with style from the following link:
https://gist.github.com/mahesh247/6e1f29dc845cecd57312

Regards,
Mahesh

[Mahesh]

Hi @spespam,

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

Regards,
Mahesh

[Mahesh]

Hi @riccrom123,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @catchemall,

That’s great. And thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

I assume you have created child theme and done all the changes I’ve mentioned above. Seems you are still using the parent theme. Please activate the child theme for changes.
Let me know if any issue.

Regards,
Mahesh

[Mahesh]

Hi @marga,

For that, you can add a border: none rule along within the code above, it will look like the following:

.hentry {
    background-color: transparent;
    border: none;
}

Regards,
Mahesh

[Mahesh]

Hi @marga,

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

.hentry {
    background-color: transparent;
}

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

The settings are set in the transient such as cache for performance enhancement, so changing some setting(anything e.g. change color) in customizer will clear the transient. If you are still seeing the “Permalink to”, it must be because of transient. Please let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

Thank you for your appreciation.
I’ve replied you in the related thread. Please check.

Regards,
Mahesh

[Mahesh]

Hi calmo16,

The above code was for Catch Box. Please replace it with the following for Clean Box.

function clean_box_page_slider( $options ) {
    $quantity       = $options['featured_slider_number'];
    $more_link_text =   $options['excerpt_more_text'];

    global $post;

    $clean_box_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( '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'; }
            $clean_box_page_slider .= '
            <article class="'.$classes.'">
                <figure class="slider-image">';
                if ( has_post_thumbnail() ) {
                    $clean_box_page_slider .= '<a title="' . esc_attr( $title_attribute ) . '" href="' . get_permalink() . '">
                        '. get_the_post_thumbnail( $post->ID, 'clean-box-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'    => 'pngfix' ) ).'
                    </a>';
                }
                else {
                    //Default value if there is no first image
                    $clean_box_image = '<img class="pngfix wp-post-image" src="'.get_template_directory_uri().'/images/gallery/no-featured-image-1680x720.jpg" >';

                    //Get the first image in page, returns false if there is no image
                    $clean_box_first_image = clean_box_get_first_image( $post->ID, 'fullframe-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) );

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

                    $clean_box_page_slider .= '<a title="' . esc_attr( $title_attribute ) . '" href="' . get_permalink() . '">
                        '. $clean_box_image .'
                    </a>';
                }

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

        wp_reset_query();
    }
    return $clean_box_page_slider;
}

Note: Please use child theme. If you change the core files, all your change will be lost after theme update.
If you don’t see any changes (may be because of transient), please go to customize and save change something and it will work fine.
Let me know if any problems.

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

You are using Clean Box, but the thread is in Catch Box so, the above was the solution for Clean Box. 🙂
You can change hyperlink’s color in Clean Box with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

a {
    color: #00ffff;
}

Note: Change the color to your desired color’s hex value.

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @tivonjohnson,

The recommended image size for Featured Post Slider is (976px x 313px). If you use large image then it will automatically crop the image to that size(without maintaining the aspect ratio). And if you use small image, the original image will be used. I recommend you to re-size/crop the image to the recommended size, then upload.
Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi calmo16,

You need to create a child theme for this. You can find more on creating child theme HERE. Then in your child theme’s functions.php add the following code:

function catchbox_sliders() {
	global $post;

	//delete_transient( 'catchbox_sliders' );

	// get data value from catchbox_options_slider through theme options
	$options = catchbox_get_theme_options();
	// get slider_qty from theme options
	if( !isset( $options['slider_qty'] ) || !is_numeric( $options['slider_qty'] ) ) {
		$options[ 'slider_qty' ] = 4;
	}

	$postperpage = $options[ 'slider_qty' ];

	//In customizer, all values are returned but with empty, this rectifies the issue in customizer
	if( isset( $options[ 'featured_slider' ] ) && !array_filter( $options[ 'featured_slider' ] ) ) {
	    return;
	}

	if( ( !$catchbox_sliders = get_transient( 'catchbox_sliders' ) ) && !empty( $options[ 'featured_slider' ] ) ) {
		echo '<!-- refreshing cache -->';

		$catchbox_sliders = '
		<div id="slider">
			<section id="slider-wrap">';
			$get_featured_posts = new WP_Query( array(
				'posts_per_page' => $postperpage,
				'post__in'		 => $options[ 'featured_slider' ],
				'orderby' 		 => 'post__in',
				'ignore_sticky_posts' => 1 // ignore sticky posts
			));

			$i=0; while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
				$title_attribute = esc_attr( apply_filters( 'the_title', get_the_title( $post->ID ) ) );

				if ( $i == 1 ) { $classes = "slides displayblock"; } else { $classes = "slides displaynone"; }
				$catchbox_sliders .= '
				<div class="'.$classes.'">
					<a href="'. esc_url ( get_permalink() ).'" title="'.sprintf( esc_attr__( '%s', 'catch-box' ), the_title_attribute( 'echo=0' ) ).'" rel="bookmark">
							'.get_the_post_thumbnail( $post->ID, 'featured-slider', array( 'title' => $title_attribute, 'alt' => $title_attribute, 'class'	=> 'pngfix' ) ).'
					</a>
					<div class="featured-text">'
						.the_title( '<span class="slider-title">','</span>', false ).' <span class="sep">:</span>
						<span class="slider-excerpt">'.get_the_excerpt().'</span>
					</div><!-- .featured-text -->
				</div> <!-- .slides -->';
			endwhile; wp_reset_query();
		$catchbox_sliders .= '
			</section> <!-- .slider-wrap -->
			<nav id="nav-slider">
				<div class="nav-previous"><img class="pngfix" src="'.get_template_directory_uri().'/images/previous.png" alt="next slide"></div>
				<div class="nav-next"><img class="pngfix" src="'.get_template_directory_uri().'/images/next.png" alt="next slide"></div>
			</nav>
		</div> <!-- #featured-slider -->';
		set_transient( 'catchbox_sliders', $catchbox_sliders, 86940 );
	}
	echo $catchbox_sliders;
}

Regards,
Mahesh

[Mahesh]

Hi @riccrom123,

This can be done in two ways, add border to the content(border will extend to content’s height) or to the secondary(border will extend to secondary height)
1. Add border to content.

@media screen and (min-width: 961px) {
    #content {
        border-right: 2px solid #D8D8D8;
        padding-right: 13px;
    }
}

2. Add border to secondary.

@media screen and (min-width: 961px) {
    #secondary {
        border-left: 2px solid #D8D8D8;
        padding-left: 13px;
    }
}

Note: Please use any one of the above.

[Mahesh]

Hi @calmo16,

In Catch Box free version, this feature is already built-in. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Link Color” and select your desired color for the hyperlink color.

Regards,
Mahesh

[Mahesh]

Hi @micke,

To load child theme’s translations files instead of parent theme, , add the following code in your child theme’s functions.php:

// Load translation files from your child theme instead of the parent theme
function my_child_theme_locale() {
load_child_theme_textdomain( 'catch-kathmandu', get_stylesheet_directory() . '/languages' );
}
add_action( 'after_setup_theme', 'my_child_theme_locale' );

Then add your translated files inside a “languages” folder in the child theme.

Regards,
Mahesh

[Mahesh]

Hi @husker,

In your child theme’s functions.php, add the following code.

function catchresponsive_child_footer_content() {
	//catchresponsive_flush_transients();
	if ( ( !$catchresponsive_footer_content = get_transient( 'catchresponsive_footer_content' ) ) ) {
		echo '<!-- refreshing cache -->';

		$catchresponsive_content = catchresponsive_get_content();
		$custom_text = 'Some custom text';

		$catchresponsive_footer_content =  '
    	<div id="site-generator">
    		<div class="wrapper">
    			<div id="footer-content" class="copyright">'
    				. $catchresponsive_content['left'] . ' ' . $custom_text
    				. ' | '
    				. $catchresponsive_content['right'] .
    			'</div>
			</div><!-- .wrapper -->
		</div><!-- #site-generator -->';

    	set_transient( 'catchresponsive_footer_content', $catchresponsive_footer_content, 86940 );
    }

    echo $catchresponsive_footer_content;
}

add_action( 'init', 'catchresponsive_child_modify_footer' );

function catchresponsive_child_modify_footer() {
	remove_action( 'catchresponsive_footer', 'catchresponsive_footer_content', 100 );
	add_action( 'catchresponsive_footer', 'catchresponsive_child_footer_content', 100 );
}

Note: Please find and edit the following line in the above code and replace the text with your desired text.
$custom_text = 'Some custom text';

Regards,
Mahesh

[Mahesh]

Hi @mehlem,

Thank you for your appreciation.
We will let you know as soon as the update is released.
Have a nice day!

Regards,
Mahesh

[Author]

Posts