Random questions

[Veerman]

Good afternoon,

I have some other changes I’d like to make to my X theme (Ethos) website and hope you can assist:

• I’d like to change the background colour of all of my pages to one colour but if I do so through X > theme options > layout & design > background color, it only changes sections of certain pages. Also the background colour of the blog post overview and of specific blog posts don’t change.
• Can I change the size of a blog post image for mobile only? I like the current size of blog post images for laptops/desktops but on a mobile they become too small after clicking on a blog post.
• I know it’s possible to add a slider with images above the navigation bar on a specific page; however is it also an option to add a static image above the navigation bar on a specific page?

Thanks for all the support - much appreciated!
Ferdy

[nabeel]

Hi Fredy,

Thank you for reaching out to us.

• To make the background color work via Theme Options, first add the following code in the Theme Options > CSS:

.x-container.main:not(.x-row):not(.x-grid):before {
    background-color: transparent;
}

Now set the background color via X > Theme Options > Layout & Design > Background Color

• The container size is too small for mobile devices which is making your featured image small, you can add the following code to make it bigger:

@media screen and (max-width: 767px) {
    .single-post .x-container.max.width {
        width: 90%;
    }
}

• You can do this with the slider above masthead option for a particular page, just create a slider with one image and that would do the trick.

Hope this helps!