How can I modify text and background colors in my blog?

[kavipoetryart]

Hi Friends,

I want some help on my website. In this section of my website: https://kavipoetryart.in/blogs/recycling , in the first blog titled,  "Where to buy Eco Gifts with the best price and delivery" the text is in white which is not readable and "Read More" has in white background.

I need to change that. I need a white background on "Where to buy Eco Gifts with the best price and delivery" on this text and bold font so that it is readable. And in the "Read More" section, i want the background color as yellow (#fff200).

Please help me to make the changes. Thank you in advance.

 

[Moeed · Accepted solution]

Hey @kavipoetryart 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

{% if blog.handle == 'recycling' %}
<style>
h2.SectionHeader__Heading.Heading.u-h1 {
    font-weight: bold !important;
    color: black !important;
    background: white !important;
    width: 78% !important;
}
a.Button.Button--primary:before {
    background: yellow !important;
}
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @kavipoetryart 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

{% if blog.handle == 'recycling' %}
<style>
h2.SectionHeader__Heading.Heading.u-h1 {
    font-weight: bold !important;
    color: black !important;
    background: white !important;
    width: 78% !important;
}
a.Button.Button--primary:before {
    background: yellow !important;
}
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[kavipoetryart]

I tried doing but it's coming in complete white. PFA screenshot of the same. 

 

[Moeed]

Hey @kavipoetryart 
I've updated the code, please remove the previous code and apply the new one.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[kavipoetryart]

Now the first part is working, but the Read More is still not coming in yellow background. Please check screenshot.

 

[Moeed]

Please add the updated code again, this should work now.

[kavipoetryart]

It's happening but other things on home page are also changing. I just want this change on blogging page.

 

[Moeed · Accepted solution]

I've updated the code and this code will only work on Blog Page now so please check it out.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed