Retirar linhas da página do produto

Layout
1

Boa tarde! Alguém sabe como posso tirar essas linhas que ficam na página do produto e até mesmo na parte de formas de pagamentos? Seja por CSS ou HTML. Essas linhas são mais aparentes no mobile.

linhas
linhas1215×657 136 KB

2

Oi!
Testa esse no CSS:

.produto .codigo-produto {
display: none;
}

2 curtidas
3

Ficou legal, sumiu o campo da marca mas ok, vão ser só peças originais. Porém no mobile ainda aparece… Se desse pra só deixar na cor BRANCA tudo bem também, porque se não a linha vai sumir e vai ficar tudo junto grudado.

linhas2
linhas2488×681 51.9 KB

1 curtida
4

Testa esse para isso:
@media only screen and (max-width: 767px) {
border: 0px solid #ffffff;
}}

2 curtidas
5

Esse código eu coloco no CSS? Coloquei mas nada alterou…

6

Ops! Testa esse: No CSS mesmo

@media only screen and (max-width: 767px) {
.produto .principal > div {
border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}}

7

Pouts, nada ainda… Apliquei direto no CSS e não houve resultado infelizmente

8

eita! vamo tentar forçar…

coloca esse:

@media only screen and (max-width: 767px) {
.produto .principal > div {
border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
}}

10

Funcionou!! Obrigado! Você sabe como pode deixar o conteúdo no meio? No mobile ficou esquisito tudo jogado no canto.
linhas2