[Mahesh]

Hi @rflores,

That’s great! 🙂
Thank you for your appreciation.
Have a nice day.

Regards,
Mahesh

[Mahesh]

Hi @Jos,

Thank you for your appreciation.

Regards,
Mahesh

[Mahesh]

Hi @americantwowheels,

That’s great. Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @shana-shanti,

The background issue is because of the CSS that you have in your Custom CSS:
#main { background-color: #ffffff; }
Please find and remove it from Custom CSS, then you’ll have your custom background back.
And for the sliders, it seems some plugins is causing the issue, please try deactivating one by one and check it.

Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @Kath Wayne-Spindler,

Thank you for upgrading to Catch Evolution Pro.
What error do you get?
You can either upload via WordPress admin panel or FTP. Please refer to this link: Catch Flames Pro Installation.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

Thank you for using Catch Evolution Pro.
The above can be achieved with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.
1. Resize content and right sidebar.

@media screen and (min-width: 1225px) {
	.three-columns #primary {
    		width: 630px;
	}

	.three-columns #secondary {
    		width: 260px;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1224px) {
	.three-columns #primary {
    		width: 494px;
	}

	.three-columns #secondary {
    		width: 230px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1059px) {
	.three-columns #primary {
    		width: 440px;
	}

	.three-columns #secondary {
    		width: 200px;
	}
}

Note: You may change the width as required.

2. Close the space between the post.

#content .hentry {
	border-bottom: none;
	margin-bottom: 0;
}

#content .hentry:last-of-type {
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
  
@media screen and (min-width: 1061px) and (max-width: 1224px) {
	#content .hentry:last-of-type {
		margin-bottom: 30px;
	}
}
  
@media screen and (max-width: 676px) {
	#content .hentry:last-of-type {
		margin-bottom: 15px
	}
}

Regards,
Mahesh

[Mahesh]

Hi @champac,

For placeholder’s color changing only, replace the following CSS

#masthead .search-field {
    color: #0000ff;
}

with the following CSS:

#masthead .search-field::-moz-placeholder {
    background-color: #00ffff;
    color: #ffff00;
}
#masthead .search-field::-webkit-input-placeholder {
    background-color: #00ffff;
    color: #ffff00;
}

What type of button do you want to add and where, please clarify more.
Let me know if this helped.

Regards,
Mahesh

[Mahesh]

Hi Didier,

1. To make the menu text white, use this CSS.
#hgroup-wrap .sb-holder a {
color: #fff;
}

2. In view with width 569px to 767px, there are two menu showing and this is not good. The following CSS will give hide one menu till 569px and the displays the mobile menu (.sb-holder) normally in the mobile view.

Let me know if this solved your issue.

Regards,
Mahesh

[Mahesh]

Hi @Shana Shanti,

Thank you for using Catch Evolution Pro.
Could you please clarify more one the issue.
We would like to help you as far as possible. Where actually was the background showing previously? And the slider, did it work at the begining? Please make sure Enable Slider is not set to Disable have enabled slider in “Dashboard=> Appearance=> Customize=> Featured Slider=> Slider Option”

Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

For this, you can have category name in the menu instead. Go to “Dashboard=> Appearance=> Menu”, select your menu then click on categories accordion and select the categories you wanted and click Add to Menu. And then save the menu. Check in the frontend you’ll see the selected categories listed in the menu. And the page shows the list of post with related categories just as your requirement.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Didier,

I saw two menus displaying at some point. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 569px){
	.sb-holder {
		display: none;
	}
}

Let me know if this helps.

Regards,
Mahesh

[Mahesh]

Hi @Michelle,

Just checked your site and the video embedded is working fine with the audio. Please make sure your system’s sound is working.

Let me know if I can help you further.

Regards,
Mahesh

[Mahesh]

Hi @Michelle,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @DJ,

Thank you for using Catch Responsive Pro.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 1101px) {  
  .logo-left #site-header {
    margin-top: 40px;
  }
}

Regards,
Mahesh

[Mahesh]

Hi @shahirahibrahim,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following css:

/* Align menu to center */
.catchbase-nav-menu li {
      float: none;
  }
  
.nav-primary.search-enabled .menu {
    float: none;
    text-align: center;
}

ul.sub-menu {
    text-align: left;
}

/* Removing social media icons below logo */
.sidebar.sidebar-header-right.widget-area {
    display: none;
}

/* Align copyrights to center */
#footer-left-content, #footer-right-content {
    display: inline;
    float: none;
}

#site-generator {
    text-align: center;
}

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

The feature you’ve mentioned is No Sidebar (Full Width) layout and is already built-in in Catch Responsive Pro version. I recommend you to upgrade to Pro.

But if you prefer to have it in Catch Responsive, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.no-sidebar.content-width #main {
    width: 100%;
}

Regards,
Mahesh

[Mahesh]

Hi @champac,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 481px) {
    #masthead .search-field {
        max-width: 350px;
        width: 350px;
    }
}

#masthead .search-field {
    color: #0000ff;
}

Note: Please change the color to your desired color’s hex value.

Regards,
Mahesh

[Mahesh]

Hi Cattext,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.menu.l_tinynav2 {
    text-align: center;
}

#header-menu ul.menu li {
    float: none;
    display: inline-block;
}

ul.sub-menu {
    text-align: left;
}

Regards,
Mahesh

[Mahesh]

Hi srw17,

For featured gird, as mentioned in theme instruction, use an image of 800×450 pixels it fits perfectly in the featured grid. And yes it fits the grid at any responsive screen size.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

Sorry, we didn’t mean to disappoint you. Once you do some customization on your theme, the code would have changed from what it is in the main theme and we won’t be able to check all your codes that is why it is beyond our theme support scope.
For you above problem you can achieve it with category page options to. That will list the post of certain category. If that would work for you, I would be happy to provide you with the solution.

Regards,
Mahesh

[Author]

Posts