[Mahesh]

Hi @matthewseanmclachlan,

There is no actual dimensions for the background image to use in the site. Small image is used and is repeated to cover the whole area and it looks like a single image covering the whole site’s background.

For that, please remove the Custom CSS having background-color rule and add the following styles:

body { 
    /* I have used used your logo for url for the idea */
    /* Please Replace The String inside url('') with your desired image url */
    background-image: url('http://www.trendfly.org/wp-content/uploads/2015/08/Web-Logo_Trendfly_4-shadow.png'); 
}
#branding { 
    background-color: transparent; 
}

I don’t quite get you on the second question i.e. “make background have a scroll”. Please clarify it.

Let me know if this helps you.

Regards,
Mahesh

[Mahesh]

Hi @gordon,

Yes, white space displayed in the page is where the blogs are displayed. The white space is there because of following reasons:
1. By default, the title for aside post format are hidden
2. The option you’ve chosen for the layout in “Customize=> Theme Options=> Layout Options=> Archive Content Layout” is Show Full Content (No Featured Image) and you’ve also checked “Check to hide excerpt/content on archive pages” box.

So different solutions would be following.
1. Change the post format to standard format.
2. Go to “Customize=> Theme Options=> Layout Options” either change “Archive Content Layout” to other options than Show Full Content (No Featured Image) or uncheck “Check to hide excerpt/content on archive pages” box.

If you don’t want the blogs content, let me know, I’ll provide Custom CSS.

Regards,
Mahesh

[Mahesh]

Hi @FOEC,

For changing both the color and background color of “Donate Now”, replace

/* For changing color for Donate Now. */
#secondary-menu ul.menu #menu-item-343 > a {
    color: #ff0000; /* Your desired color's hex value */
}

with this

/* For changing color and background color for Donate Now. */
#secondary-menu ul.menu #menu-item-343 > a {
    color: #ffffff; /* Your desired color's hex value */
    background-color: #0000ff; /* Your desired color's hex value */
}

For the menu bar, I think you’ve managed it already.

Regards,
Mahesh

[Mahesh]

Hi @Ash,

The CSS you’ve included changes the display properties for all elements with entry-header class in the page. If you only want to hide the page title then you have to specify it for the page title only.

Replace your above CSS with the following:

.page #main .page .entry-header {
    display: none;
}

Let me know if this fixes your issue.

Regards,
Mahesh

[Mahesh]

Hi @Invisible Cat,

The steps you’ve used for creating sub menu is correct. You’ve used a plugin “Royal Image Hover Effect” and seems it is because of the plugin’s css that is causing the current issue.
Try deactivating the plugin and check it.

Let me know if this fixes your issue.

Regards,
Mahesh

[Mahesh]

Hi @tivonjohnson,

I checked your site, it seems fine. The slider in your site and in the live demo looks the same.

Regards,
Mahesh

[Mahesh]

Hi @gordon,

This issue is because you have used different image sizes and they are very small too. The recommended size for image is as below:

Width: 410px
Height: 321px

Please use the images with same aspect ratio.

Let me know if this solved your issue.

Regards,
Mahesh

[Mahesh]

Hi @Kim,

I am glad that you solved it yourself.

Regards,
Mahesh

[Mahesh]

Hi @FOEC,

Thank you for using Adventurous Pro.
Assuming the current logo’s height, here is the Custom CSS for centralizing the menu bar vertically.
Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

@media screen and (min-width: 981px) {
    /* Centralizing the menu bar */
    #masthead #header-right {
        margin-top: 20px;
    }

    #masthead.fixed-header #header-right {
        margin-top: 0;
    }
}

/* For changing color for Donate Now. */
#secondary-menu ul.menu #menu-item-343 > a {
    color: #ff0000; /* Your desired color's hex value */
}

Let me know if this helped.

Regards,
Mahesh

[Mahesh]

Hi @ABS,

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 fullframe_delete_slider_cache() {
    delete_transient( 'fullframe_featured_slider' );
}

add_action( 'after_setup_theme', 'fullframe_delete_slider_cache' );

Let me know if this solved your issue or not and please post your site url.

Regards,
Mahesh

[Mahesh]

Hi @tivonjohnson,

Thank you for using Simple Catch Pro.

The slider’s height depends on the image height used in the slider. The recommended width and height of the image for slider is:
Width: 976px
Height: 313px
The image used in the live demo has same width and height as above.

Regards,
Mahesh

[Mahesh]

Hi @Invisible Cat,

Thanks and if you like my support and Gridalicious theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/gridalicious?rate=5#postform

[Mahesh]

Hi @Invisible Cat,

I assume this is your site: http://www.myinnerfire.net/

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

#masthead {
    background-image: url("http://i2.wp.com/www.myinnerfire.net/wp-content/uploads/2015/12/icy_blue_eye_by_oh_jellybeanz-d41gquq.png?resize=780%2C439");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

Note: Please replace http://i2.wp.com/www.myinnerfire.net/wp-content/uploads/2015/12/icy_blue_eye_by_oh_jellybeanz-d41gquq.png?resize=780%2C439 in the above code with your desired image url.

Regards,
Mahesh

[Mahesh]

Hi @stewagner,

You’ve added the Custom Menu Widget in Footer Area for menu in footer. This feature is not available in Catch Everest free version. You can upgrade to Catch Everest Pro version, it includes this feature along with many others.

If you prefer to have it in the free version, you have to hire a customizer.

Regards,
Mahesh

[Mahesh]

Hi @TripleY,

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

#breadcrumb-list {
background-color: transparent;
}

#content {
background-color: transparent;
}

Let me know if this helped you.

Regards,
Mahesh

[Mahesh]

Hi @Ralf,

Just checked your site, you’re having the issue because of the inline CSS in <span> tag inside the post. Following line is overriding the link color.

<span style="color: #0066cc;">Nonnenhorn</span>

Change it to make it look like following:

<span>Nonnenhorn</span>

Let me know if this fixes your issue.

Regards,
Mahesh

[Mahesh]

Hi @InvisibleFlame,

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

.nav-secondary ul.menu a { 
    text-transform: uppercase;
    font-weight: bold;
    line-height: 44px; 
    padding:0px 12px 0px 12px;
    /* You may add more CSS rules like width, height etc here */
}

.nav-primary ul li a { 
    text-transform: uppercase; 
    font-weight: bold; 
    line-height: 42px; 
    padding:2px 12px 2px 12px; 
    /* You may add more CSS rules like width, height etc here */
}

Let me know if this helped with your issue.

Regards,
Mahesh

[Mahesh]

Hi @valleymillworks,

I need to check it so please post your site url.

Regards,
Mahesh

[Mahesh]

Hi @matthewseanmclachlan,

It seems, you have used table in the post and the text you’ve put in is in the table header tag (i.e. <th> tag). By default table headings are automatically capitalized. So if you wish to remove capitalization either use <td> tag instead or use Custom CSS.

For Custom CSS, let me know whether you want to change it in the specific post only or entire site.

Thanks,
Mahesh

[Mahesh]

Hi @matthewseanmclachlan,

I didn’t understand your problem, could you please make it more clear and specify where actually in your site you’re having the above problem?

Thanks,
Mahesh

[Author]

Posts