Hi,
I changed the color of the headline and border of the following section to white by editing some code:
On mobile it’s black though. Could not find out how to change it. Any help?
Link to the page:
2 Likes
Try adding this code to the bottom of stylesheet.css
@media screen and (max-width: 749px) {
#newsletter .section-header.row .section-title.text-center h2{
color:#fff !important;
}
#Email.input-group__field.newsletter__input{
border-color:#fff !important;
}
}
Result:
1 Like
yes, please try this code
- Go to Online Store->Theme->Edit code
- Asset->/stylesheet.css ->paste below code at the bottom of the file.
.section-title.btm_border.span-12.auto h2 {color: #fff;}
.section-title.btm_border.span-12.auto::after {border-color: #fff;}
@KetanKumar @Nick_Marketing Both did not work. Tried in preview and in smartphone modus of the editor, it’s still black and grey.
Hello @huks
Copy and paste the following code to your CSS liquid:
@media(max-width:790px)
{
#newsletter>.row>.section-header>.section-title>h2
{color: white! important;}
.newsletter__submit {border: 1px solid white! important;}
}
Did it solve your issue? If yes, Like & Mark As Solution to help the community
If not, let me know. also share a screenshot of the code that you added.
@Touhiid unfortunately, still black and grey
1 Like
@huks oh sorry bt i can check its work now white border
@KetanKumar not on mobile, where I want it to be white. I published the page, so please double check to see that there it is still grey even with your code: www.annas-blumenpoesie.de
1 Like
you have add code wrong plave
please add this code your css of bottom
.section-title.btm_border.span-12.auto h2 {color: #fff;}
.section-title.btm_border.span-12.auto::after {border-color: #fff;}
@KetanKumar Yes, you were right that the code was not in the last line, but almost. Nonetheless, it does not work on my smartphone: www.annas-blumenpoesie.de
@huks is it possible to share a screenshot so that I can see where did you add the code?