Wordpress logo aligment

Imam instaliranu Donovan themu na wordpress siteu. Muči me kako pozicionirati logo u odnosu na naslov sitea,
Trenutno je ovako Logo pozicioniran.
Screen Shot 09-27-20 at 01.59 PM

Želio bi da bude ovako pozicioniran:
Screen Shot 09-27-20 at 02.01 PM

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.

  1. Vrati to što si radio na prethodno stanje.
  2. Dodaj jedan div oko h1 i p tagova.
  3. Taj novododani div treba imati inline-block prikaz.

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

Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey