Помощ с CSS

[SlaviP]

Здравейте,

От няколко часа се пробвам да направя едно нещо, но все не става. А е супер просто...

Искам логата и надписите под тях в тази страница да се централизират, а не да са в ляво:

http://aromo.bg/index.php?route=product/manufacturer

Като пипна CSS-а с text-align всички надписи в целия сайт се централизират. Като направя същото за логата (margin: auto) става още по голям бъркоч.

Искам само да вметна, че почти нищо не разбирам от програмиране и ако знаете как става ще се наложи да сте малко по-търпеливи и да кажете какво точно стъпка по стъпка трябва да направя.

Благодаря предварително.

 

[Ivan Zidarov]

---

 

[klk]

От: Помощ с CSS

Това трябва да ти центрира логата:

.list-item>li>a>img{
margin: 0 auto;
}




Това трябва да ти центрира текста под логото:

.list-item>li>a{
text-align: center;
}



Вмъкни тия неща в CSS файла който се зарежда ( ако е CSS файл )

 

[JohnieBGN]

От: Помощ с CSS

Системата ти е опънкарт, темата ти е маркетшоп защо не се обърнеш към мястото откъдето си закупил темата ?

 

[ROA]

От: Помощ с CSS

Да вметна, че автора е задал същия въпрос в bgdev форума и там му поразяснихме нещата... доколкото може

 

[SlaviP]

От: Помощ с CSS

Да, и от там помагат.

Логичестки ми се струва, че ще е най-добре да променя XML-ла на подификацията.

Ето го файла качен: http://aromo.bg/manufacturer-logo.ocmod.xml

Кажете само къде какво да вмъкна, че съм пълен зян...

Благодаря предварително

 

[SlaviP]

От: Помощ с CSS

Само да кажа, че решихме проблема с добавяне на custom CSS в темата:

.product-manufacturer .list-item > li{text-align:center;}
.product-manufacturer .list-item > li img{display:inline-block;}
.product-manufacturer .list-item a:hover{margin-right:0px;}


Благодаря на всички за помощта и извинете за безпокойството.