1. Wim (v/h tralala)
  2. de Cock
  3. Templates
  4. maandag 09 november 2020
In de CSS van een gebruikt template staan alle img's in beginsel op 100%. Dat wil ik niet altijd. Als ik beeld naast tekst zet en links of recht uitlijn, krijgt het de breedte die ik via JCE opgeef. Maar een beeld onder of boven tekst wordt dan toch altijd weer 100% van de beschikbare ruimte.
Die 100%-bepaling van het template wil ik opheffen in custom-css. Dat lukt niet met bijvoorbeeld width:none of auto. Hoe lukt dat wel?
Interlijn.nl, praktisch webdesign.
Geaccepteerde antwoord Pending Moderation
@Leen: Het gaat om template WT Salon van WarpTheme.
Een demo kun je hier bekijken: http://demo.warptheme.com/#wt_salon
In template.css staat op line 1758: img {max-width:100%;},
en op regel 3382 als nadere img-bepaling width:100%.

De vraag blijft: hoe kun je met custom-css die laatste 100%-bepaling overrulen?

(ondertussen probeer ik de gebruikers van de site ertoe te krijgen dat ze hun natuurlijk bescheidenheid laten varen en gewoon durven te kiezen voor heel breed beeld; dit alles laat onverlet dat ik het interessant vind een antwoord te vinden op bovenvermelde css-vraag)

@Rondeb: bij 50% wordt het beeld de helft van de beschikbare ruimte. Verrassend, niet?
Dit verschijnsel doet zich voor op elke pagina waarop beeld staat.
Interlijn.nl, praktisch webdesign.
  1. 2 weken geleden
  2. Templates
  3. # 1
Geaccepteerde antwoord Pending Moderation
Nou, ter oplossing van dit probleem is de nucleaire optie gebruikt: twee bepalingen in het template zelf uitgecomment. Namelijk .view-category .item img, .view-article .item img {width:100%} in regel 3382, terwijl ook nog nodig was om in regel 1758 img {height: auto;} uit te schakelen.

Zo, nu kunnen de gebruikers lekker hun gang gaan met breedtes.

En ik speel gewoon Sinterklaas deze zwarte piet toe: ik vraag aan hem een keurige css-oplossing om dit probleempje fatsoenlijk te fixen.
Interlijn.nl, praktisch webdesign.
  1. 2 weken geleden
  2. Templates
  3. # 2
Geaccepteerde antwoord Pending Moderation
het is dus gewoon een op helix gebaseerde template.
en er staat dus echt een overide in de map html com_content
als ik die weghaald is de maat gelijk zoals in de editor
Bijlagen
lvda
  1. 2 weken geleden
  2. Templates
  3. # 3
Geaccepteerde antwoord Pending Moderation
om het nog wat specifieker te maken als ik dus alleen maar de map category verwijderd dan is ook al goed
bij mijn lokale test "\template\html\com_content\category\".
dus je zou ook aar eens in de regels kunnen lezen
--------------------------------------------------------------------------
ik weet niet natuurlijk hoeveel effect dat al bij jullie website geeft omdat ik denk
dat alles al was opgebouwd met deze override daar.
lvda
  1. 2 weken geleden
  2. Templates
  3. # 4
  • Pagina :
  • 1
  • 2


Er zijn nog geen reacties op dit bericht.
Wees een van de eersten om op dit bericht te reageren!