[Mahesh]

Hi @Frank,

For that, first disable the slider. Go to “Dashboard=> Appearance=> Customize=> Featured Slider=> Slider Options” and select “Disable” option in “Enable Slider” dropdown. Then go back to “Customize=> Header Image” and select “Entire Site, Page/Post Featured Image” option from “Enable Featured Header Image” dropdown. Click “Save & Publish” and check the front page.

Regards,
Mahesh

[Mahesh]

Hi @Lucia,

Just went through your site. In the Custom CSS, there is an additional closing braces at the very end, please remove it. Please add the above CSS in it, it will work fine. You can also remove the following line from Custom CSS:

@media screen and (min-width: 961px) {
}

Let me know if this helps.

Regards,
Mahesh

[Mahesh]

Hi Alvin,

For changing sidebar widget titles font color, add the following CSS:

#secondary .widget-title{
     color: green;
}

Let me know if any problem arises and please post your site url.

Regards,
Mahesh

[Mahesh]

Hi @mailhunter,

For removing large dark lines add following Custom CSS:

@media screen and (max-width: 960px) {
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-535 ul.sub-menu,
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-538 ul.sub-menu,
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-540 ul.sub-menu{
		border-top: none;
	}
}

For the second issue, image not centered, it is a bit complicated, @Sakin will answer this.

[Mahesh]

Hi @Meunier,

I think you are admin yourself. For admin, there should not be any rights problems. Could you please clarify any further on what problems do you get. Please try to add some Custom CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and check it if the values are saving or not.

Let me know if problem persists.

Regards,
Mahesh

[Mahesh]

Hi @Alvin,

Please replace your CSS with following:

#main #content .page h1.entry-title > a {
    font-size: 24px;
    color:#777;
}

Let me know if this helps.

Regards,
Mahesh

[Mahesh]

Hi @mailhunter,

I think you are trying to hide the item only in mobile view. If so, please use the following CSS:

@media screen and (max-width:961px){
    .no-mobile-menu-item {
        display:none !important;
    }
}

Let me know if this solves your issue.

Regards,
Mahesh

[Mahesh]

Hi @matthewseanmclachlan,

I think you’ve edit in the theme files for custom background. This can be achieved with Custom CSS. Remove other codes you’ve add into the theme for background image.

In “Dashboard=> Appearance=> Theme Options=> Custom CSS”, remove the following codes:

#sidebar-header-top { background-color: #ffffff; }
#branding { background-color: #ffffff; }
#header-image { background-color: #ffffff; }
#main-slider { background-color: #ffffff; }
#main-slider .hentry { background-color: transparent; }
#main { background-color: #ffffff; }

And add the following :

body { 
    background-image: url('http://www.trendfly.org/wp-content/uploads/2015/12/Web_Blue-Print.jpg'); 
    background-repeat: no-repeat; 
    background-position: top center; 
    background-attachment: fixed;
}
#branding { 
    background-color: transparent; 
}

Leave the other as it is. Hope this helps with what you want. Please clarify on background stretching when centered point.

Regards,
Mahesh

[Mahesh]

Hi Lucia,

Yes you can achieve it with by creating a child theme too, but as it is just a design change it can be achieved with simple Custom CSS too. I’ve checked the with above CSS in Catch Evolution Pro and is working fine.

Please post your site url so I could check it.

Regards,
Mahesh

[Mahesh]

Hi [email protected],

The option I suggested is the WordPress’s default option. On add/edit post, you’ll see “Screen Options” button just beside “Help” button, click it and some checkbox options will drop in. Check on “Discussion” option in Boxes option. Then you’ll see “Discussion” option under the post content box. Then you can disable comments in post by unchecking “Allow comments” checkbox.

I hope you understand, let me know if any problem arises.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Comments for blog can be turned off in two ways.

1. Go to Dashboard=> Posts=> All posts -> click ‘Quickedit’ and Uncheck ‘Allow comments’

or

2. Go to Dashboard=> Posts=> Edit post -> ‘Screen options’ near the top right – Check ‘Discussion’ – scroll below post editor – Uncheck ‘Allow comment’

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Sorry, I don’t know the exact plugin fit for your requirement. Please search the plugins HERE

Regards,
Mahesh

[Mahesh]

Hi @rflores,

You have used the image for post’s featured image to fit in image slider. It will be automatically cropped to width 210px height 210px. Similarly, the image in the examples you’ve mentioned is cropped to 210px that is why only the center portion of image is shown.

I hope you understand.

Regards,
Mahesh

[Mahesh]

Hi @FOEC,

For your French Website: http://fr.ccof-foec.org/ add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

#secondary-menu ul.menu #menu-item-1060 > a {
    color: #fff;
    background-color: #0000ff;
}

Regards,
Mahesh

[Mahesh]

Hi @Daan,

Please add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

@media screen and (max-width: 480px){
	.site-branding {
		min-height: 201px; /* Adjust as required */
	}
}

Regards,
Mahesh

[Mahesh]

Hi @Steve,

For this, you have to create a child theme. You can find the details on how to create a child them HERE

Then in child theme’s functions.php file add the following function.

function adventurous_child_delete_promotional_cache() {
    delete_transient( 'adventurous_homepage_headline' );
}

add_action( 'after_setup_theme', 'adventurous_child_delete_promotional_cache' );

Let me know if this solved your issue.

Regards,
Mahesh

[Mahesh]

Hi @Danielle,

Thank you for using Full Frame Pro.

Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

#menu-hoofdmenu {
	margin-top: 43px;
	margin-left: 5px;
}

#header-toggle{
	margin-top: 43px;
}

Regards,
Mahesh

[Mahesh]

Hi @Steve,

For changing font size of promotional headline, add the following Custom CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

/* Promotional headline font size */
#homepage-message h2 {
    font-size: 23px; /* Change as required */
}

/* Promotional sub-headline font size */
#homepage-message p {
    font-size: 12px; /* Change as required */
}

Regards,
Mahesh

[Mahesh]

Hi @Daan,

Please add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

@media screen and (min-width: 861px){
	body.custom-background {
		background-size: cover;
	}
}

@media screen and (max-width: 860px){
	body.custom-background {
		background-size: contain;
	}
}

Regards,
Mahesh

[Mahesh]

Hi @wjcofkc,

The area between navigation and content is calculated dynamically with respect to different screen sizes. If you just want to reduce, you do not need to upgrade to Pro version, it can be achieved via Custom CSS. Add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

.site-branding {
    min-height: calc(50vh - 122px);
    position: relative;
}

Let me know if this solves your issue.

Regards,
Mahesh

[Author]

Posts