[Pratik]

@marie21:
If you want the widget to show on right side, then you will need to upgrade to pro version. Header right sidebar is a pro feature. I recommend you to upgrade to Pro version.

Regards,
Pratik

[Pratik]

@vlts: There is no shortcode functionality for slider, but you can display slider in templates by using function catchbox_sliders()

[Pratik]

I cannot see the code, have you added it?

Please remove the previous code in your custom css box from

#content .wrapper {
    width: 1300px; /* Increase/Decrease the size that suits to your need */
}

and everything below it and add in following code:

@media screen and (min-width: 1024px){
    #content .wrapper {
        width: 1300px; /* Increase/Decrease the size that suits to your need */
    }

    /* Use following to increase main content width too if needed */
    #main {
        width: 850px; /* Increase/Decrease the size that suits to your need */
    }

    .sidebar-primary {
        width: 400px;
    }
}

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

.sidebar-primary .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

/* Add black line above footer */
#colophon {
    border-top: 1px solid pink;
}

#site-generator {
    padding-bottom: 0px; /* Increase/decrease to add space on top of footer */
    padding-top: 0px; /* Increase/decrease to add space on bottom of footer */
}

.sidebar-primary section {
    border: 1px dotted pink;
    padding: 20px; /* Remove this if you do not want any space between widgets and border */
}

[Pratik]

@marie21: There is a small issue with the code. The last line should be add_action( ‘catchresponsive_header’, ‘catchresponsive_extra_header_sidebar’, 55); before }

So your final code becomes as follows:

/**
* Register extra custom widgetized area
*/
function catchresponsive_extra_header_widget_init() {
	//Extra Header Widget Area
	register_sidebar( array(
		'name' => __( 'Extra Header Widget Area', 'catchresponsive' ),
		'id' => 'extra-header-widget-area',
		'before_widget' => '<section id="%1$s" class="widget %2$s"><div class="widget-wrap">',
		'after_widget' => '</div><!– .widget-wrap –></section><!– #widget-default-search –>',
		'before_title' => '<h4 class="widget-title">',
		'after_title' => '</h4>',
		'description' => __( 'This is the extra header sidebar widget area that appears in homepage only.', 'catchresponsive' ),
	) );
}
add_action( 'widgets_init', 'catchresponsive_extra_header_widget_init' );

/**
* Add Extra Header Widget Area below header#masthead
*/
function catchresponsive_extra_header_sidebar() {
	global $wp_query;

	// Get Page ID outside Loop
	$page_id = $wp_query->get_queried_object_id();

	// Front page displays in Reading Settings
	$page_for_posts = get_option('page_for_posts');

	if ( is_front_page() || ( is_home() && $page_for_posts != $page_id ) ) {
		dynamic_sidebar('extra-header-widget-area');
	}
}
add_action( 'catchresponsive_header', 'catchresponsive_extra_header_sidebar', 55);

Let me know how it goes.

Regards,
Pratik

[Pratik]

Just replace the codes that I have given in this post from

#content .wrapper {
    width: 1300px; /* Increase/Decrease the size that suits to your need */
}

.....

[Pratik]

Please replace the codes with this one:

@media screen and (min-width: 1024px){
    #content .wrapper {
        width: 1300px; /* Increase/Decrease the size that suits to your need */
    }

    /* Use following to increase main content width too if needed */
    #main {
        width: 850px; /* Increase/Decrease the size that suits to your need */
    }

    .sidebar-primary {
        width: 400px;
    }
}

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

.sidebar-primary .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

/* Add black line above footer */
#colophon {
    border-top: 1px solid pink;
}

#site-generator {
    padding-bottom: 0px; /* Increase/decrease to add space on top of footer */
    padding-top: 0px; /* Increase/decrease to add space on bottom of footer */
}

.sidebar-primary section {
    border: 1px dotted pink;
    padding: 20px; /* Remove this if you do not want any space between widgets and border */
}

I have made responsive edits as well.

Let me know how it goes.

[Pratik]

@dj:
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

Regards,
Pratik

[Pratik]

@einwang:
Here to help. Thank you for the appreciation.

Regards,
Pratik

[Pratik]

@kevincro:

I am glad it worked out. Let me know if you have any more issues.

Regards,
Pratik

[Pratik]

@andreheil: 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

Regards,
Pratik

[Pratik]

@andreheil:
It did not work because I added this code only for devices with width greater than 1024px, previously when you added it, you added it for all the devices.

I have removed the urls.

Regards,
Pratik

[Pratik]

@anncalli:
Can you try regenerating the thumbnails using this plugin: https://wordpress.org/plugins/regenerate-thumbnails/

It should work, but I am not 100% sure.

[Pratik]

@anncalli:
For first issue, If JetPack social icons works, then there is no need to change it.

For Second Issue:
Catch Updater should not have created the problems as it loads only on themes update page. But, if the updater created the problem, then you can uninstall it and update the theme manually when updates arrive.

[Pratik]

@veer:
Here are the codes:
<hr>
I would also like to create a black line under: “meest recente berichten” ( the text should be 1 line, instead of tw0) and “Recente reacties”. What would be the code for that?
* For this, please remove following code:

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

and add in this one:

.sidebar-primary .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

————————————————————————–
Thereby, I would like to have a black line above the footer and the footer should be a bit smaller.

/* Add black line above footer */
#colophon {
    border-top: 1px solid #000000;
}

/* Decrease footer */
#site-generator {
    padding-bottom: 0px; /* Increase/decrease to add space on top of footer */
    padding-top: 0px; /* Increase/decrease to add space on bottom of footer */
}

————————————————————————–
I would like to have a frame around very post seperately.

.home #main article .archive-post-wrap {
    border: 1px solid;
    padding: 20px; /* Increase/decrease to add/remove space between border and content */
}

————————————————————————–
I would like to add a bit more space between the two columns and less space between the right column and the sidebar. How can I change this?
* After adding above code, there should be more space between the posts. Let me know if you want more space and I will provide you code for it. ( I am not providing the code now because I need to see how it looks after you have added the code. )
For space between sidebar and content, use following code:

.sidebar-primary {
    width: 400px;
}

————————————————————————–
Note: Now, there might be some issues in mobile devices, once you are done adding the codes, please let me know and I will provide you with code for other devices too.

[Pratik]

@Andreheil:
Please use following code and let me know how it works out:

@media screen and (min-width: 1024px){
    .site {
	width: 1150px;
    }
    
    #primary {
	float: left;
    }
}

Regards,
Pratik

[Pratik]

@anncalli: Can you also let me know which widget you have used?

[Pratik]

@veer:
You can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:
For first issue:

#content .wrapper {
    width: 1300px; /* Increase/Decrease the size that suits to your need */
}
/* Use following to increase main content width too if needed */
#main {
    width: 850px; /* Increase/Decrease the size that suits to your need */
}

For second issue,

#text-3 .widget-title {
     border-bottom: 1px solid black; /* Increase/Decrease 1px to increase/decrease border size */
}

For third issue, if you want a box on all the sidebar area, use following code:

.sidebar-primary {
    border: 1px solid black;
}

If you want box on each widget, use following code:

.sidebar-primary section {
    border: 1px solid black;
    padding: 20px; /* Remove this if you do not want any space between widgets and border */
}

Let me know how it works out.

Regards,
Pratik

[Pratik]

@andreheil:
Code should work on both child theme and custom CSS from theme Customizer.
Can you post in your site url and set the code in Theme Customizer. I will need to check it and see before I can say anything further.

Regards,
Pratik

[Pratik]

@einwang:
This will only be possible if you use featured image slider. For more details about the image slider, please view this link.

In featured Image Slider, you can add any size image, and the slider will adjust according to the image.

Let me know if you need further help.

Regards,
Pratik

[Pratik]

@dj:
I am a bit confused by what you really want. But to move it to left or right, I will give you solutions, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box::
1. To move text to left:

#feature-slider .entry-container {
    left: 0%; /* Increase to push text further left */
    width: 70%; /* Increase/decrease this % to increase/decrease the width of text. Leave this line out if you do not want to change width */
}

2. To move text to the right:

#feature-slider .entry-container {
    right: 0%; /* Increase to push text further right */
    width: 70%; /* Increase/decrease this % to increase/decrease the width of text. Leave this line out if you do not want to change width */
}

Let me know if this is what you wanted or not.

Regards,
Pratik

[Author]

Posts