Dodałem obraz przycisku „dodaj do koszyka”, nad którym Iumieściłem link do kasy, obraz znajduje się na górze mojego opisu produktu, ale odstęp między obrazem i tekstem jest zbyt duży ... To jest kod, którego użyłem do usunięcia dolnego marginesu (użyłem elementu inspekcji i niezaznaczonego dolnego marginesu i wyglądał idealny)
<img class="alignnone size-full wp-image-623" src="/images/(your image url)" alt="" width="383" height="70" />
<ul>
<li>FREE WORLDWIDE SHIPPING</li>
<li>Delivery time: 9 to 18 days</li>
</ul>
<style>
img {
margin: 0;
margin-bottom: 0 !important;
}
li,
ul {
margin: 0;
margin-bottom: 0 !important;
line-height: 8px !important;
}
</style>
Dolny margines jest zdecydowanie źródłem problemu. Używam wtyczki CSS SiteOrigin do edycji mojego css, ale powyższy kod nie działa zgodnie z oczekiwaniami, możesz zobaczyć, jak wygląda z powyższym kodem i kiedy odznaczam dolny margines z elementem inspect (tekst jest również zdeformowany nawet po usunięciu części tekstu z kodu).
I tutaj możesz zobaczyć, jak wygląda kod przed i po to jest zapisane w CSS SiteOrigin (dostałem również kilka błędów).
Odpowiedzi:
-1 dla odpowiedzi nr 1Jak już powiedziałeś: „Wtyczka CSS SiteOrigin” jest tym, czego używasz.
Ale wszystkie znaczniki z „<” i „>” są znacznikami HTML i nie mają nic wspólnego z CSS (kaskadowaniem) Styl Pościel). HTML to języki znaczników, które definiują znaczniki, a NIE projekt.
EDYTUJ: Wypróbuj ten kod i usuń wszystko, co właśnie opublikowałeś.
img.size-full.alignnone{
margin-bottom: inherit;
}
tl; dr; Umieściłeś kod HTML w wtyczce CSS. Usunąć to!
-1 dla odpowiedzi № 2
Spróbuj tego
img.size-full.alignnone {
margin: 0;
margin-bottom: 0px;
}
li,
ul {
margin: 0;
margin-bottom: 0px;
line-height: 8px !important;
}