Page headline text colour

Store Design
, , ,
1

Hello,

I need help to change the colour of the top text, like the headline of the site it says ‘‘about us’’ in white and it blend in with the beige background.

for an example, when i press ‘‘about us’’ it forward me to a page and at the top of that page there is like a headline ‘‘ABOUT US’’ and it is as the same colour as background that makes it hard to see.

  • how do i move the text to center ?

any css for this or ?

om oss.png
om oss.png927×181 2.63 KB

1 Like
2

Hi @KEJAN

Would you mind sharing your store URL? Thanks!

3

Its under startup so its locked with pw.
ehm should i remove it or ?

4

If its okay to share the pw, if not live yet. If your not comfortable you can pm me. Thanks!

5

in '‘om oss’ the big white headline i want it central + not in white.
Same on all pages

how ?

6

Thanks for the info, check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.main-page-title.page-title, .rte h3, h1.collection-hero__title {
    color: #66580f;
}

And Save.

Result:

Made4uoRibe_0-1726610914566.png
Made4uoRibe_0-1726610914566.png1092×363 28.9 KB

Note: You can change the color you like.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

7

It won’t work for me?

8

Yes, your missing a lot of sign on the base.css file.

This is the current.

Made4uoRibe_0-1726611841382.png
Made4uoRibe_0-1726611841382.png658×332 13.1 KB

change into like this.

Made4uoRibe_1-1726611902302.png
Made4uoRibe_1-1726611902302.png646×372 14.2 KB

Or copy and paste remove from 3606 line.

.link{
    color: #66580f !important;

}
.link:hover {
    color: sandybrown !important;
    text-decoration: underline !important;
}
@media only screen and (max-width: 556px){
.header-wrapper .header {
    flex-wrap: nowrap; 
}
}
.main-page-title.page-title, .rte h3, h1.collection-hero__title {
    color: #66580f;
}

And save.

Dont delete more. remove more or less must be same.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
9

Did it fix the other codes also? I mean the link? I hope so. Please, be careful to paste the code. If someone give you the code. Better to click this copy on the top right corner.

Made4uoRibe_0-1726612812701.png
Made4uoRibe_0-1726612812701.png1029×202 6.28 KB

for sure your not missing anything.