[Sakin]

@Debbie: Thanks for your appreciation 🙂

[Sakin]

@Debbie: Thanks for your appreciation 🙂

[Sakin]

@s.stelter: Thanks for your appreciation 🙂

[Sakin]

@Vitaliy: That option is not there. So, you need to build child theme and then modify the loop functions.

There are post in your home page. One you have Featured Content Section and Another is latest posts. So, you might need to hire customizer to work on this.

Firs, you can download child theme from http://catchthemes.com/blog/create-child-theme-wordpress/ and then copy content.php file to your child theme and then add your category code before <h1 class="entry-title"> title tag.

[Sakin]

@Debbie: It’s because of your header right menu overflow issue. The last menu item has sub-menu, which is floating over the container. So, add the following css in “Appearance => Theme Options => Custom CSS” box:

#header-right .widget ul.menu ul {
    left: auto;
    right: 0;
}

[Sakin]

@Nathan: To disable image in your single page/post below your menu, you can go to “Appearance => Customize => Layout Options”, select “Disabled” in options “Single Page/Post Image Layout” and click on “Save & Publish”

Hum, there is no option like adding two images in header. You can combine 2 images in 1 and upload that one.

[Sakin]

@lehii17: In Catch Flames theme, you can change the color code in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” Box:

.mobile-menu a {
    background-color: #fff;
    color: #000;
}

[Sakin]

@juditbokros:
1. Oh if you want to use Pro version, then css will be different. As Simple Catch Pro is coded in responsive design where as free in static design.
2. It’s because of your following css, which make your logo smaller and create a gap.

#site-logo a img {
    max-width: 30%;
    padding-right: 0;
}

[Sakin]

@david:
1. If you want to change the line height of the secondary menu, then you can add the following css:
.nav-secondary .catchresponsive-nav-menu a { line-height: 31px; }

2. Float menu item cannot be perfect as it depends on your text in menu. So, try the following css:

.nav-secondary .wrapper { padding: 0; }
.nav-secondary { background-color: #5b3aa5; }
@media screen and (min-width: 1101px) {
    .nav-secondary .catchresponsive-nav-menu a { padding: 0 20px; }
    .nav-secondary .catchresponsive-nav-menu li:last-child a {
        padding: 0 21px 0 22px;
    }
}

[Sakin]

@s.stelter: That won’t be a problem. You can upload image size of 1670px by 500px.

[Sakin]

@Debbie: oh that’s not right. If you want to make it 90% then the css will be as below:

#main-slider .entry-container {
    left: 5%;
    width: 90%;
}

[Sakin]

@juditbokros:
1. That menu width depends on number of menu item you have listed. You can add the following css in “Appearance => Theme Options => Custom CSS” box and fix that issued:
#header #mainmenu ul li a { padding: 0 14px; }

2. Your logo image size is really large and I don’t know what are you trying to do it. Can you share what you want then I can suggest you accordingly. I see that you have added in the following css:

#site-logo a img {
    max-width: 40%;
    padding-right: 0;
}

But looking at your site, I suggest you to upload smaller image size and if you want different let me know it.

[Sakin]

ok then edit my precious css to the following:

.pro-button a {
    background-color: #28b3c5;
    border: 2px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
}
.pro-button a:hover {
    background-color: #28b3c5;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
}

[Sakin]

@defuentes: The recommend image size for your latest post is width 410px and height 231px. So, all the image above this size will be auto cropped to this size. But if any image is smaller then this, then it will load the original image. It’s happening same in your site. For example: Article “Berkshire County: By the numbers Home Invasion” has featured image http://www.charmfuldeadthings.com/wp-content/uploads/2015/10/berkshire-county-movie-poster1.jpg. SO, it’s loading original image. Just upload larger image and it will be fine.

[Sakin]

@dbosworthstmtoolbox-org: you can add the following css to hide menu in that page:
.page-id-1456 .nav-primary, .page-id-1456 .mobile-menu-anchor { display: none; }

[Sakin]

@Avira: Thanks for your appreciation 🙂

[Sakin]

@Gregory: Yes, that might be form “Color Options”.

[Sakin]

@Debbie: That button uses the following css:

#homepage-message .right-section a {
    background-color: #28b3c5;
    border: 2px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    display: block;
    padding: 10px 25px;
}
#homepage-message .right-section a:hover {
    background-color: #28b3c5;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
}

So, if you want to create link with class then you can add link as
<div class="pro-button"><a href="yourlink.com">Your text</a></div>
Then you can add css like below:

.pro-button a {
    background-color: #28b3c5;
    border: 2px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    display: block;
    padding: 10px 25px;
}
.pro-button a:hover {
    background-color: #28b3c5;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
}

[Sakin]

@Avira: You can add the following css:
#content td { border: none; }

But when I check in your site, I see you have added in <hr> tag to add in line. You need to remove that as well.

[Sakin]

@Nicole: Can you go to “Appearance => Customize => Theme Options => Layout Options” and make sure you have unchecked option “Check to hide excerpt/content on archive pages” and click on “Save & Publish”

[Author]

Posts