[Mahesh]

Hi @pips,

Can you please clarify on the above with screen shot (if possible). I don’t quite get where you want smaller padding, margin or border. The content doesn’t have any border, margin or padding. The grey color in left and right is the background color and since the content’s width is small it will automatically centered.

Regards,
Mahesh

[Mahesh]

Hi @sbartsch,

Oh that’s great. You fixed your issue yourself.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @witgi,

It seems you’re using Catch Kathmandu Free version, and you are posting support for Catch Adaptive Pro.
How did you hide the primary menu? Your site’s source is compressed so I cannot see anything properly.

I have checked the same in Catch Kathmandu Free version and is working fine. May be your small hack is creating this issue.

Regards,
Mahesh

[Mahesh]

Hi @FortWayneATA,

To hide page title please use the following CSS. You can either put in it style.css or go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.
Assuming your page ID is 730, using the same class as mentioned above.
.page-id-730 .entry-header{
display: none;
}

Hope this fixes your issue, if not please let me know and please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

The footer color is working fine, I think may you mean to change the color of the text “Discover Your Dreams at My Dream Life” in the footer widget. For this add the following CSS.

#text-3.widget.widget_text {
    color: #6b3089;
}

Let me know if this fixes your issue.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Oh that’s great. Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @leotrim77,

To make only header and menu bar full width, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

div#page {
    width: auto;
}

#content {
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 1280px) {
	#content {
	    width: 1100px;
	}
}

@media screen and (max-width: 1152px) {
	#content {
	    width: 1040px;
	}
}

@media screen and (max-width: 1100px) {
	#content {
	    width: 960px;
	}
}

@media screen and (max-width: 990px) {
	#content {
	    width: 740px;
	}
}

@media screen and (max-width: 767px) {
	#content {
	    width: 660px;
	}
}

@media screen and (max-width: 700px) {
	#content {
	    width: 560px;
	}
}

@media screen and (max-width: 600px) {
	#content {
	    width: 520px;
	}
}

@media screen and (max-width: 540px) {
	#content {
	    width: 460px;
	}
}

@media screen and (max-width: 480px) {
	#content {
	    width: 380px;
	}
}

@media screen and (max-width: 400px) {
	#content {
	    width: 320px;
	}
}

@media screen and (max-width: 319px) {
	#content {
	    width: 100%;
	}
}

Note: For this please make sure you have removed all the CSS from Custom CSS that defines width for #main and .site divs.

Regards,
Mahesh

[Mahesh]

Hi @Paul,

Please post in you site url.

Regards,
Mahesh

[Mahesh]

Hi @EirikurVa,

The issue may be due to permalinks setting. Go to Settings=> Permalinks and use default setting i.e. “Plain” and check it again.

If the problem still persists, please try changing to the core WordPress theme e.g. tweentyfifteen and check if the WP-pagenavi is working properly. If the problem stays same with core theme too, it is not a theme issue.

Let me know if this solves your issue.

Regards,
Mahesh

[Mahesh]

Hi @Michaela,

You can achieve this with custom CSS. Please go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

.post-215 .aligncenter.wp-image-6123.size-full {
    margin-bottom: 25px;
}

Note: Please adjust the margin-bottom value as per required.

Regards,
Mahesh

[Mahesh]

Hi @Michaela,

I wish to help you but I don’t understand the scenario here. Can you please clarify if more with an image and where actually in your site you want to make the change.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

The menu is there, but because of the black background, it seems to be invisible. If you click on the upper left corner, the menu will slide in from right. I recommend you to change the color for the menu button. For that, go to “Dashboard=> Appearance=> Theme Options=> Color Options=> Menu Color Options” and scroll down to “Mobile Menu Color Options” and select white color for “Menu Hamburger Open Color” and “Menu Close Color”.
“Menu Hamburger Open Color” is for menu icon, and “Menu Close Color” is for icon to close menu.

Hope this helps.

Regards,
Mahesh

[Mahesh]

Hi @radeko

Thank you for your appreciation.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90

This is beyond theme support scope, please contact bbpress support forum.

Regards,
Mahesh

[Mahesh]

Hi @Adam,

It seems your site has been hacked. Please completely reinstall the WordPress, themes and plugins.
As mentioned above in the infected files list, the theme doesn’t have the file called css.php and function.php may be compromised too.

Let me know if re-installation fixes your issue.

Regards,
Mahesh

[Mahesh]

Hi @Paul,

Thank you for using Catch Kathmandu Pro.

Go to “Dashboard=> Appearance=> Theme Options=> Header Featured Image Options” and select “Before Header” option in “Featured Header Image Position”.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Thank you for using Catch Kathmandu Pro.

Great color combinations there, I have to say.
The color scheme is fine in both desktop and mobile. You may have noticed it to be blue as the background color wont be seen in the mobile view and the menu bar in blue and also the promotion headline background. For promotion headline background color, you can go to “Dashboard=> Appearance=> Theme Options=> Color Options=> Homepage Headline Color Options” and select your desired color for “Background Color”. And for the mobile menu background, go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and the following CSS:

.sb-holder, .sb-options{
    background-color: #dd9933;
}

If you want to change the menu list background on hover, add the following CSS:

.sb-options a:hover{
    background-color: #dd9944;
}

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

Regards,
Mahesh

[Mahesh]

Hi @leotrim77,

Yeah we’re good, hope you’re doing good too.

For making your website fullwidth, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

div#page{
    width: auto;
}

There are some CSS code errors in your custom CSS please fix those too.
1. Closing curly brace missing at the end of your custom CSS i.e.

.page-header {
padding: 0px 20px 0px 0px;

should be like

.page-header {
padding: 0px 20px 0px 0px;
} 

Regards,
Mahesh

[Mahesh]

Hi @OliverJames,

The problem in your site is because of the logo you are using. The logo’s height is 7 pixel more and is pushing the the elements down with that exceeding 7 pixels.
You can either use an image of 262 x 70 or go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

@media screen and (min-width: 991px) {
    #site-logo img{
        max-height: 70px;
    }
}

Regards,
Mahesh

[Author]

Posts