[Richard]

Hi Sakin.

First off, I would like to say that the support offered through this forum is fantastic; that alone instantly made up my mind to buy the Pro Version of Catch Responsive.

Here is my site: http://www.wiedenpark.at/

I’m quite new to WP, but have found many answers to questions through this forum, however, I am really struggling with some things:

1. How can I reduce the size/change the colour of the black box surrounding my featured image slider text? At the moment it is quite large and covers too much of the image

2. How can I reduce the height of the slider background? At the moment, the green background sticks out below my slider image, and this means there is quite a large gap between the image and the start of my text.

3. I am using two widgets for the footer area 1 and 2 (Kontakt and Impressum). Is there any way I can make these two more centralised?

4. Is there any way I can remove the page search bars completely? Mainly the one in the menu above the slider.

5. I know this isn’t a CR issue, but I currently have a Mailchimp form on the page. Do you know if there is any way I can keep it exactly how it is, but centre it?

Apologies for all of the questions, but I cannot find answers anywhere. Thanks for all the help so far!

[Sakin]

Hi Richard,

Thanks for your appreciation and purchasing Catch Responsive Pro theme. Oh wow, you have long list of questions.

1. To change the size of content box in the slider, you can change the width in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (max-width: 701px) { 
    #feature-slider .entry-container { width: 60%; }
}

To change the background color of the box, you can change the rgba color code in the following css as per your need and add it in “Custom CSS Options” box:

#feature-slider .entry-container {
    background: rgba(0,0,0,0.7);
}

2. You can remove that by making padding bottom zero. For that, you can add the following css in “Custom CSS Options” box:
#feature-slider { padding-bottom: 0; }

3. When you are using Footer 1 and Footer 2 area, each area will take 50% of the whole footer area. But the left alignment is left of the footer 1 text will start from left and same with footer area 2. For this you can either, center the text by adding the following css:

#supplementary .widget-area {
    text-align: center;
}

Or you can just text alight right to footer area 1:

@media screen and (min-width: 479px) {
    #supplementary #first.widget-area { text-align: right; }
}

4. To remove the search in menu above the slider, go to “Appearance => Customize => Navigation” and check option “Check to disable search box in Primary Menu” then Save & Publish it.

5. For mailchip form in homepage. Yes, that should be control from plugin. Looking at the code, you can add the following css in “Custom CSS” box:

.entry-content .content-column.one_half {
    display: block;
    float: none;
    margin: 0 auto;
    width: 50%;
}

Note: if you can remove code style="padding-right:100px;" from mail chimp form then it will be great.

[Author]

Posts