Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:
  1. De exacte versie van Joomla! die je gebruikt
  2. De exacte versie van de webshopextensie.
  3. De volledige url van je website (indien mogelijk).

opgelost CSS Hikashop aanpassen

CSS Hikashop aanpassen

16 jul 2014 21:16 - 17 jul 2014 12:44
#1
Met Hikashop heb ik een winkel gevuld met cursussen. Op alle artikelpagina's (cursussen) kijk hier wil ik graag een aantal dingen aanpassen.

Zie bijlage 1:

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.


1. de ruimte tussen de prijs en de informatie
2. De "product-left"info wil ik van 220 naar 250 px doen
3. De margin-right naar 20

Moet te doen zijn, lijkt mij. Ik heb dan ook m.b.v. Firefox gekeken welk bestand ik aan moet passen: Bijlage 3klein

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.



Daar wordt aangegeven dat ik in het bestand: media/com_hikashop/css/frontend_old.css de veranderingen kan aanbrengen. Echter in dit bestand kan ik die gegevens niet vinden.

In bijlage 2 staat mijn laatste aanpassing:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

ik wil graag de bestelknop naast de 1 + - knoppen hebben. Hiervan heb ik geen idee waar ik het aan moet passen.

Edit Astrid: Ik heb je link aangepast .
  • Casa She-Ra
  • Casa She-Ra's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 227

CSS Hikashop aanpassen

17 jul 2014 12:59
#2
Als je dit toevoegt aan override.css moet je een heel eind komen denk ik.
Code:
.hikashop_product_price_full { margin-top: 50px; } #hikashop_product_left_part { width: 250px!important; margin-right: 20px!important; } div#hikashop_product_left_part div .input-append, .input-prepend { display: inline-flex; float: left; }
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439

CSS Hikashop aanpassen

17 jul 2014 19:34
#3
Ha Astrid, Top!!! Dank je wel.
Nu loop ik tegen nog iets aan :blush: Ik heb de top margin op 2 gezet, zodat de prijs nog meer omhoog is, maar zou het moo vinden als :
- of de foto iets naar beneden gaat
- of het informatieblok iets naar boven, zodat er niet zo'n groot verschil is aan de onderkant.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
  • Casa She-Ra
  • Casa She-Ra's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 227

CSS Hikashop aanpassen

17 jul 2014 20:03
#4
Een van deze twee:
Code:
.hikashop_product_custom_info_main { margin-top: -40px!important; } .hikashop_product_main_image { margin-top: 50px; }
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439

CSS Hikashop aanpassen

17 jul 2014 20:19
#5
ZO ontzettend bedankt!!!
  • Casa She-Ra
  • Casa She-Ra's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 227
Moderators: JelleRomke
Tijd voor maken pagina: 0.682 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie