Override problem med "Read more" knappen

[tompasworld]

Hej,

Jag har försökt göra en "template override" för att ändra "Read more" knappen till en länk istället, i några dagar nu, men begriper bara inte hur man gör.

Om jag går till Extensions > Templates > Templates > Protostar och klickar på "create overrides", så förväntar jag mig att readmore.php öppnas så jag kan fixa i denna, vilket den inte gör, utan allt verkar bara "loopa".

Hur går jag till väga för att göra denna override?
Samt vad är det jag behöver göra /ändra / ta bort i readmore.php (tar tacksamt emot exakta instruktioner)?

Tack på förhand.

-Tompa

[sgagner]

Hej!
Enklast är att skapa en override i CSS dvs man skapar en custom.css i mappen css i sidmallen.
I denna css-fil skapar du sedan värden för

Code: Select all

p .readmore a .btn {
	
}

Med de avvikande värden som knappen skall ha för att den skall visas som en länk istället.

Overrider för php-filer måste man lägga i mappen /html/ i sidmallen om du hellre vill helt ta bort klassen .btn från länken.

[tompasworld]

Tack, men tyvärr blir det ingen skillnad om jag lägger in ovanstående css-snutt i Protostars user.css

Försökte som exempel lägga in följande enkla snutt:

Code: Select all

p .readmore a .btn {
	color: #333;
	text-decoration: none;
}

[Per Yngve Berg]

Code: Select all

p.readmore a.btn {
	color: #333;
	text-decoration: none;
}

Nu skall det gå bättre. Tagit bort 2 mellanrum.

[tompasworld]

Tack Stefan & Per Yngve.

Whoops. Antar att jag hade ett "såg inte skogen för alla träden" moment.

Om jag tar bort all existerande info i .btn och lägger till:

Code: Select all

.btn {
	font-size: 13px;
	color: #333;
	}

så funkar det i template.css men inte i user.css av nån konstig anledning.

Men lägger jag till:

Code: Select all

p.readmore a.btn {
	color: #333;
	text-decoration: none;
}

funkar det inte, oavsett om jag lägger det i template.css eller i user.css.

Den översta lösningen i detta inlägg verkar ju funka, men jag vill ju inte att det skrivs över vid en framtida uppdatering av Joomla.
Har ni några förslag på hur man löser detta?

[sgagner]

Hej!
Ja, man lägger förändringarna i en ny css-fil som man döper till custom.css

Om du förändrar klassen .btn så påverkar det alla knappar på sajten som använder denna klass. Det är därför som man försöker göra den mer specifik så den endast påverkar Läsmer-knappen.

Det vore kanske bättre om du använde en mer proffsig sidmall från tex. Yootheme som har ett bra ramverk för att anpassa mallen till ditt innehåll.

[Per Yngve Berg]

Det är olika versioner av Protostar från 3.0 och uppåt.

Runt linje 85 i index.php hittar du:

Code: Select all

// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

Det skal finnas en user.css i css-foldern.

[tompasworld]

Om du förändrar klassen .btn så påverkar det alla knappar på sajten som använder denna klass. Det är därför som man försöker göra den mer specifik så den endast påverkar Läsmer-knappen.

Det gör mig inget om de alla "förändras".
Problemet nu är att ändringen av btn funkar fint i template.css men inte i user.css. User.css är ju att föredra såvitt jag förstått, så ens ändringar inte ändras tillbaka till "default" vid Joomlauppdatering.

Det vore kanske bättre om du använde en mer proffsig sidmall från tex. Yootheme som har ett bra ramverk för att anpassa mallen till ditt innehåll.

Det här är en personlig sida som jag inte kommer att tjäna ett öre på så att lägga pengar på en sidmall känns inget vidare.
Har kollat en hel del sajter med både gratis och betal-sidmallar under åren för olika projekt och de flesta verkar antingen rätt skumma eller så hittar jag ingen mall jag vill ha. Protostar har den layout jag vill ha (på min personliga sida).

Det är olika versioner av Protostar från 3.0 och uppåt.

Hur kan man se vilken version av Protostar man har?