Edit Blog Elements for Integrity

Support
#1

Hi,

How can I change the elements featured on the Blog page? I would like to replace the beige Banner with white or an image in the background. Here is the link to the page I am referring to:

http://hnmcsconcept.com/news/

Thanks

#2

Hello @hnmcsweb,

Thanks for asking. :slight_smile:

If you would like to change the background image with white color, please add following CSS under X > Theme Options > CSS:

.blog .site {
    background-color: #fff !important;
}

If you want to replace with an image, please use following CSS:

.blog .site {
    background: url(http://example.com/path-to-the-image.jpg);
}

Please change color code and image path.

Thanks.

#3

Hi,

I do not want to change the main background image, I want to change the colour of the banner at the top of the page that is currently beige behind the headline text “The Stargazer” and subtitle " The official Newsletter of HNMCS" at the top of the page on http://hnmcsconcept.com/news/

Please advise.

Thanks.

#4

Hello @hnmcsweb,

Thanks for updating the thread. :slight_smile:

In that case, please add following CSS under X > Theme Options > CSS:

.blog .x-header-landmark {
    background-color: #ddd;
}

Please change color code as per requirement.

Thanks.

#5

Excellent! Thank You! Is there a way to add a static photo just above this header landmark to stay permanently on the top of the News page?

#6

Hi there,

Please try this CSS:

.blog .x-header-landmark:before {
    content: url(URL_OF_THE_IMAGE);
    width: 100%;
    margin-bottom: 30px;
}

.blog .x-header-landmark {
    overflow: hidden;
    padding-top: 0;
}

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.