Docs

[ahurlburt53]

css not working

Case Studies

please help change background color too #d9e6ee on poth portfolio page and single portfolio. Also, the landmark title is to big ( font )

screen shot http://i.imgur.com/9NhymkB.png

[Jade]

Hi there,

Please use this CSS:

.page-template-template-layout-portfolio .x-header-landmark,
.single-x-portfolio .x-header-landmark {
    background-color: #d9e6ee;
    font-size: 50%;
}

Hope this helps.

[ahurlburt53]

no luck, any sugestions

[Lely]

Hello There,

Please check this part on your custom CSS:

.x-btn-widgetbar i.x-icon-plus-circle:before {
    color: #fff;
}
style.css file.

This text style.css file. is considered syntax error. Either remove it or update to this:
/*style.css file.*/

Hope this helps.

[ahurlburt53]

nope, remove syntax error.

[ahurlburt53]

If I change the background color below ( css ) in chrome inspector, the background color changes. However, I don’t think this is the right way to do it. Any suggestions?

body {
font-size: 17px;
font-style: normal;
font-weight: 400;
color: #606060;
background-color: #d9e6ee;
}

[Paul R]

Hi,

You can try this code instead.

.page-template-template-layout-portfolio .x-header-landmark,
.single-x-portfolio .x-header-landmark {
    max-width: 100%;
    width: 100%;
    background-color: #d9e6ee;
}

Please add it at the very first line of your Appearance > Customize > Custom > Edit Global CSS

Thanks

[ahurlburt53]

did not work

[Joao]

Hi There,

Please try adding:

.body {

background-color: #d9e6ee !important;

}

If it does not work,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks,

Joao

[ahurlburt53]

This reply has been marked as private.

[Friech]

Hi There,

I was able to change the background color of your portfolio page with this custom css

body .x-container.main:before {background-color: #d9e6ee;}

And resize its title with this.

body .x-header-landmark .h-landmark {font-size: 180%;}

The thing is, I did place this on top of your Custom CSS in Customizer. It would not work if you place it at the bottom because somewhere on your custom css there is syntax errors.

You can check your whole custom css here: http://csslint.net/ and address all the errors (you can ignore the warnings)

Hope it helps, Cheers!

[ahurlburt53]

not quite sure what your looking at https://vsfmarketing.com/case-studies/

[Christopher]

Hi there,

Please add this code :

header.x-header-landmark.x-container.max.width {
    background-color: red;
    width: 100%;
    max-width: 100%;
}

It should give you result like attachment.

Hope it helps.

[Author]

Posts