Vermeld in iedere vraag duidelijk:

De versie van Joomla! 3.X die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

opgelost Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 09:27 - 21 jan 2014 09:30

Hoe kan ik de exacte positie van het Lees meer teken aanpassen? Ik wil dat er verticaal meer ruimte zit tussen tekst en 'lees meer'
Ik gebruik voor de lees meer een background-image. Ik heb het in de CSS geprobeerd maar dit lukte niet, hij reageert nl niet op margin-top.

Ik gebruik Joomla 3.2,1
url van de website is: www.euromly117.117.axc.nl/

Nofarmer
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 09:49

Het lijkt aan afbeelding die geplaatst is onder de tekst.
Als je onder de laatste regel nog een Shift-enter geeft, geeft dat een beter resultaat?

David
Vaste bezoeker van Joomla!NL
Berichten: 1031
Webneus 2

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 09:57

Bedankt voor je snelle reactie, maar dan ga een een <p> toevoegen aan je tekst. maar dan krijg ik aan de bovenzijde van de teksten ook meer witruimte, Is er ook een andere mogelijkheid?

Nofarmer
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 10:01 - 21 jan 2014 10:03

Hallo Nofarmer,

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Dit moet volgens mij wel werken:

Code:

.readmore {
  background-image: url("../images/readmore.png");
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: bold;
  padding: 6px 47px 5px 6px;
  text-transform: uppercase;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 10:23

Hallo Astrid,
Dank voor je snelle reactie. Het werkt, dank daarvoor,
Nu wil ik eigenlijk nog een aantal pixels meer afstand tussen tekst en leesmeer, ik kan dit oplossen in de background-image door deze hoger te maken en deze hoogte transparant te maken maar is er ook een 'elegantere' oplossing voor in CSS. Ik heb 'margin' geprobeerd maar dat wil niet

Nofarmer
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 10:31

Denk zo:

Code:

.readmore {
  background-image: url("../images/readmore.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: bold;
  padding: 24px 47px 3px 6px;
  text-transform: uppercase;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37556

Exacte positie 'lees meer' aanpassen via CSS

21 jan 2014 10:37

Helemaal top! Hartstikke bedankt!

Nofarmer
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.707 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Exacte positie 'lees meer' aanpassen via CSS

Laatste forumberichten

Wil je Joomla!NL steunen?