[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

[Pratik]

@ganeshrk:
I am afraid that is not possible with the current theme. You will need to do some customization for it. You will need to hire a customizer for video background.

[Pratik]

Hi @kevincro:
I do not think Studio Theme has News and Messages section. This might be from a plugin.

Can you post in your site url so I can check it?

Regards,
Pratik

[Pratik]

@ganeshrk:
What do you mean by Dynamic Image? Do you mean random background images? I am afraid that will require you to do customization by hiring a customizer.

You can add background via Appearance=> Customize=> Background Image which will set a background image for entire site.

Regards,
Pratik

[Pratik]

@anncali:
Since you are in dev mode, can you post in the screenshot so that I can understand the problem?

[Author]

Posts