gary yap

Thank you alauddin0009, stephencottontail and Kathryn. Stephencottontail’s suggestion works fine with my webpage . Appreciate for your help and all the best!

Hi, Alauddin, thanks for the reply. I have tried to add the css code in the custom css file, the featured image of the homepage (with contact button) disappeared together with the three featured images.

May I ask is there any coding that I can add to keep the featured image appearing on the homepage while the three featured header images disappear when I click on the three pages?

Looking forward to your reply and thank you very much.

Regards,
Gary

Hi, Erik, thank you for the reply, it works!!! Sorry, I think I didn’t clarify enough with my second question. What I am trying to ask is the home page: lighthousepsych.com, when you scroll down, you will discover three featured images (Flower, To know us(coffee images) and two hands) with title as stated below: ABOUT US, MEET OUR TEAM, CONNECT WITH US.

I am trying to ask whether can position these three titles “ABOUT US, MEET OUR TEAM, CONNECT WITH US” to center? as now they are more aligned to left.

Thank you very much! ??

aha, I found the solution, for those of you who are facing the problem like me, click the link below and you will get the solution:

https://www.wpbeginner.com/plugins/add-excerpts-to-your-pages-in-wordpress/

https://www.ads-software.com/plugins/pjw-page-excerpt/

Hi, my website is lighthousepsych.com and I have chosen Sela theme. Yet, the header colour is too pinkish to me. May I ask how to change the header of the website through CSS coding? Your help is deeply appreciated.

I go into my hosting account and go to phpadmin and edit wp_options.
The main url is the temporary url and I change it into my domain and it works!

Bojan, thanks for the immediate reply, it works! Really need to invest time to learn more about CSS coding, cheers, have a nice day!

i am using a child theme (goran) and here is my site: https://www.mypsychologychannel.com

Any idea with the ways of changing the header background colour?

Cheers!

WOOHOO, THANK YOU VERY MUCH! I HAVE BEEN FIGURING THIS SOLUTION FOR FEW DAYS AND WITH YOUR ADVICES, I MADE IT! THANK YOU

Hey, really thanks for the reply. I go to Appearance -> Editor – > Style.CSS

I tried to change some value as you suggested but in vain, because there are few lines stating about site-logo and also menu-primary, do I need to edit the existing one or just add the codes that you posted? Sorry, I am really new to CSS coding

Here is the CSS codes under header section:

/* Header */
.site-top-content {
padding: 6px 24px;
background: #403f3f;
font-size: 0.875em;
line-height: 1.71429em;
text-align: right;
}
.site-header {
background: #b23d3c;
color: #fff;
}
.site-logo {
display: block;
margin: 0 auto;
width: 314px;
max-height: auto;
}
.site-description,
.site-title {
text-align: center;
}
.site-description {
display: none;
margin-top: -14px;
margin-bottom: 24px;
color: #757575;
font-weight: normal;
font-size: 0.875em;
line-height: 1.71429em;
}
.site-title {
margin-top: 24px;
padding-bottom: 13px;
color: inherit;
}
.site-title a,
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
color: inherit;
}
.header-image {
display: block;
}
.header-image img {
display: block;
margin: 0 auto;
width: 100%;
}

/* Content */
.site-content {
position: relative;
background: #fff;
}
.breadcrumbs-wrapper {
padding-top: 24px;
padding-bottom: 24px;
background: #f1f0f0;
}
.entry-breadcrumbs a {
position: relative;
margin-right: 20px;
}
.entry-breadcrumbs a:after {
content: ”;
display: block;
position: absolute;
top: 50%;
right: -12px;
margin-top: -4px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #242424;
}

/* Featured Page Area */
.has-quinary .featured-page-area {
position: relative;
border-bottom: 2px solid #d2cfcf;
}

/* Grid Area */
.content-wrapper + .grid-area {
border-top: 2px solid #d2cfcf;
}

/* Footer Widget Area */
.footer-widget-area {
background: #f1f0f0;
}

/* Footer */
.site-footer {
background: #403f3f;
font-size: 0.875em;
line-height: 1.71429em;
}
.site-info {
padding: 24px 0;
}

what do you think?

Even though I have posted [site_logo] or [site_logo], it still didn’t come out as it is