Imam instaliranu Donovan themu na wordpress siteu. Muči me kako pozicionirati logo u odnosu na naslov sitea,
Trenutno je ovako Logo pozicioniran.
Želio bi da bude ovako pozicioniran:
Izgled na mobitelu može biti da logo bude iznad texta
Ne vrijedi slika puno ako se ne postavi i renderovan HTML kod sa pratećim CSS pravilima.
Jedino u tom slučaju se može znati zbog čega se tako pozicioniraju elementi odnosno jedino na taj način se može reći šta treba preurediti da bi se postiglo željeno rješenje.
Ovako stoji CSS za logo:
.site-branding .custom-logo {
margin: 0 0 0.5em;
padding: 0;
max-width: 100%;
height: auto;
border: none;
vertical-align: top;
Ovako za title:
.site-title {
display: block;
margin: 0;
padding: 0;
color: #202020;
color: var(--title-color);
text-decoration: none;
font-size: 32px;
font-size: 2rem;
font-family: Quicksand, Tahoma, Arial;
font-family: var(--title-font);
font-weight: normal;
line-height: 1.4;Kako ide HTML zajedno sa elementom (div-om) koji ih obuhvata?
1 Like
Evo tu je test stranica i kako izgleda:
Obuhvati div-om h1 i p i daj mu display: inline-block; stil.
Puno hvala. Pomoglo je da u CSS .site-title dodam display: inline-block;
Sad imam ovakvo stanje:
Ovim opisom upravlja .site-description
Kad i tu dodam display: inline-block; dobijem:
Kako napraviti da i naslov i opis budu jedan ispod drugog i desno od loga?
I još ako može da proban da budu centrirani u sredinu.
Kako sam i rek’o.
- Vrati to što si radio na prethodno stanje.
- Dodaj jedan div oko h1 i p tagova.
- Taj novododani div treba imati
inline-blockprikaz.
Dakle, ne .site-title već nakon logo slike obuhvati h1 i p novim div-om.
Svaka čast. Sad je kako sam htio. Puno hvala.
1 Like