[Sakin]

@sfinnegan: For the Menu, you can change the font family with the following CSS:

.create-menu a {
	font-family: 'Century Gothic', sans-serif;
}

The Century Gothic is not a web font. So, if the font is not there in the device you are viewing then it will load the alternate san-serif font. That is what happens to your mobile devices.

[Sakin]

@sfinnegan: As I told you, you just need to add the CSS that you want to change. So, looking at your changes. I have come up with the Custom CSS that you can replace. Please replace your Current CSS with the following CSS in the”Appearance => Customize => Additional CSS”:

body {
    font: 16px/1.8 'Century Gothic', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Century Gothic', sans-serif;
    color: #1e6a97;
    font-weight: 600;
    line-height: 2.1;
}

a {
  color: #89813d;
}

a:hover,
a:focus,
a:active {
    color: #89813d;
}

.site-banner {
    background-color: #1e6a97;
    opacity: 0.96;
}

.main-navigation {
  background-color: #1e6a97;
}

.main-navigation ul ul a {
  background-color: #1c5f86;
  border-bottom: 2px solid #1f6a96;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a, 
.main-navigation .current_page_ancestor > a {
  color: #cfa205;
}

.create-menu a:hover,
.create-menu a:focus {
    color: #89813d;
}

.site-title {
    font-size: 80px;
    font-family: 'Century Gothic', sans-serif;
    font-weight: 400;
}

.site-title a {
    color: #d6d2c4;
}

.site-title a:hover,
.site-title a:focus {
    color: #d6d2c4;
}

.site-description {
    color: #d6d2c4;
    font-size: 50px;
    font-family: 'Allura', sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: none;
}

.social-menu {
    background-color: #89813d;
}

.social-menu ul a {
    border: 3px solid #d6d2c4;
    color: #d6d2c4;
}

.social-menu ul a:hover,
.social-menu ul a:focus {
    border-color: #1e6a97;
    color: #1e6a97;
}

.site-info {
  background-color: #1E6A97;
  opacity: 0.96;
  color: #d6d2c4;
}

@media screen and (max-width: 960px) {
    .site-title {
        font-size: xx-large; /* Plays nicely in all browsers */
    }

    .site-description {
        font-size: medium; /* Plays nicely in all browsers */
    }

    .create-menu ul {
        background-color: #1c5f86;
    }

    .dropdown-toggle {
        border-left: 2px solid #1f6a96;
    }

    .main-navigation a, .main-navigation ul ul li a {
        background-color: #1c5f86;
        border-bottom: 2px solid #1f6a96;
    }
}

Regards,
Sakin

[Sakin]

Hi Glen,

Can you update the theme to the latest version so that we both are testing in the same version? Yes, when I check your source, you do have a sidebar on the front page. Also, check you check your settings for “Default Layout” and “Homepage/Archive Layout” at the “Appearance => Customize => Theme Options => Layout Options”. So, that we can do the same in our test server to check for issues.

For a quick fix with your layout, you can add the following CSS in the “Appearance => Customize => Additional CSS” box:

@media screen and (min-width: 64em) {
	.home.two-columns-layout .content-area {
		float: left;
		margin-right: -100%;
		width: 70%;
	}
}

Regards,
Sakin

[Sakin]

@sfinnegan: I just check your website and I see that you have added a lot of CSS code in the “Appearance => Customize => Additional CSS” box. You are supposed to add only what you want to edit and not all the CSS codes. That is the reason you are having issues. Please remove it and it will work fine.

[Sakin]

@rustyrecords : Thanks for reporting the bug, we have just released the update to fix this issue. So, update the theme and it should work fine.

[Sakin]

@n1tn4t: Please update the theme and it will support PHP 8.0

[Sakin]

Hi Anon,

That is the normal mobile view. It’s not a good strategy to disable the mobile responsive view for the SEO purpose.

Regards,
Sakin

[Sakin]

Hi Anon,

Can you send us your site URL and then we can check it?

Regards,
Sakin

[Sakin]

@raedylex: You got the wrong URL and it’s missing themes after catchthemes.com. So, it’s basically on the Theme page under the Theme Instructions tab at https://catchthemes.com/themes/blakely-pro/#theme-instructions

Also, check out FAQ https://catchthemes.com/frequently-asked-questions/

Sorry, we didn’t realize there was a link error in the theme customizer. We have fixed that in the new version. Thanks.

[Sakin]

@stephanies: you can also download the theme file from theme instructions at https://catchthemes.com/themes/izabel/#theme-instructions

[Sakin]

Thanks for the update and glad to hear that it’s working fine now.

[Sakin]

thanks for your appreciation.

[Sakin]

Hi Amta,

Please check the FAQ page at https://catchthemes.com/faq/how-do-i-upgrade-to-a-new-theme-version-if-i-have-modified-my-theme/ for installation instructions.

Regards,
SAkin

[Sakin]

Hi Sandra,

Sorry to hear about the issues with PHP8. We are using PHP8 on our server and there is no issue with the Catch Responsive Pro version 4.7.8. Can you check for an error log or contact your hosting server to find out which code has an issue? Sometime, it might be the server and WordPress configuration issue.

Also, can you try activating a different theme to check?

Regards,
Sakin

[Sakin]

Hi Mike,

You can change the color code in the following CSS and then add it in the “Appearance => Customize => Additional CSS” box:

.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  	background-color: #ef3636;
}

[Sakin]

Hi Martin,

In this service section, as per the design, the image should float to left with just a thumbnail image. But you added a big image in using Custom, so there was an issue. To fix this, please add the following CSS in the “Appearance => Customize => Theme Options => Additional CSS” box:

/* Service Section Layout 3 Full Content on Large Screen */
@media screen and (min-width: 85.375em) {
	.services-content-wrapper.layout-three .post-thumbnail {
		float: none;
		margin-right: 0;
	}

	.services-content-wrapper.layout-three .entry-title,
	.services-content-wrapper.layout-three .entry-content,
	.services-content-wrapper.layout-three .entry-summary {
		margin-top: 20px;
	}

	.services-content-wrapper.layout-three .entry-container {
		text-align: center;
	}
}

Regards,
Sakin

[Sakin]

I see that the JS adds the padding on top after analyzing its height. So, it takes a bit of time. You can manually add padding on top as per your content. Add the following CSS in the “Appearance => Customize => Additional CSS” box after that transition CSS:

.custom-header {
 padding-top: 139px;
}
@media screen and (min-width: 480px) {
 .custom-header {
  padding-top: 203px;
 }
}
@media only screen and (min-width: 568px) {
 .custom-header {
  padding-top: 182px;
 }
}
@media only screen and (min-width: 742px) {
 .custom-header {
  padding-top: 139px;
 }
}
@media only screen and (min-width: 1024px) {
 .custom-header {
  padding-top: 153px;
 }
}
@media only screen and (min-width: 1200px) {
 .custom-header {
  padding-top: 214px;
 }
}

[Sakin]

We moved to Customizer and now the Customizer has theme options there. This was changed on September 05, 2015. It’s been 7 years now. So, please contact your hosting server support for this.

[Sakin]

Hello Prakash,

I check in Paypal history and then on your account to verify it. I found that it was registered in a different email on our account. So, I have adjusted it with this email address. Please check your account now.

Regards,
Sakin

[Sakin]

Hello @madeleod: That option is from the customizer options, you can access that from “Appearance => Customize”.

[Author]

Posts