Hoogtes in helix 3

  • André Kok
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Vol goede moed
Meer
24 mrt 2018 11:05 #16659 door André Kok
Hoogtes in helix 3 werd gestart door André Kok
Ik heb Helix 3 geïnstalleerd. Bij Stijl bewerken - Layout kun je wat zaken instellen per rij, maar kun je ook hoogtes instellen?
Het lijkt erop dat de hoogte van de Header (a in de bijgesloten afbeelding) een vaste waarde van 90 pixels heeft. Is dat te beïnvloeden?
Waarom is er zoveel ruimte boven het artikel in het middenvak in de Main body (b in de afbeelding)? Dit is op iedere pagina.

André
Bijlagen:
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
24 mrt 2018 14:25 #16660 door Rondeb
Beantwoord door Rondeb in topic Hoogtes in helix 3
Hallo,

je kan dit instellen via custom.css dus een beetje kennis van css heb je wel nodig.

Heb je misschien een link naar je (test) site.

Groeten Ron :) :)
Onderwerp is gesloten.
  • André Kok
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Vol goede moed
Meer
24 mrt 2018 16:52 #16661 door André Kok
Beantwoord door André Kok in topic Hoogtes in helix 3
Ik heb wat algemene kennis van CSS, maar als ik de soms enorme CSS-documenten bij de diverse extensies zie dan ontbreekt er vaak een fatsoenlijke handleiding bij naar mijn mening. Oftewel waar moet je wat instellen?
Nee, de site is nog niet online. Ik probeerde vandaag de boel met Akeeba te uploaden, maar de SFTP-verbinding wilde niet lukken. (Het is voor mij een nieuw hostingbedrijf en SFTP is nieuw.) Hopelijk binnenkort.

Groet, André
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
24 mrt 2018 21:47 #16662 door Rondeb
Beantwoord door Rondeb in topic Hoogtes in helix 3
Avond,

in Firefox kan je Element inspecteren door middel van rechtermuisknop.

En zo kun je achterhalen welke .css code je moet aanpassen. En je kan dan er ook mee spelen, en als het dan goed is dan kopieer je de .css code in je custom.css van je Helix template en slaat dit geheel op.

Dus je begint met een lege .custom.css hier in zet je al aanpassingen die je gaat doen.
Op deze manier hoef je niet in de originele .css files van je Helix template aanpassingen te doen, en het is ook niet verstandig want die kunnen verloren gaan bij een template update!

Succes ermee.

groeten Ron :)

Onderwerp is gesloten.
  • André Kok
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Vol goede moed
Meer
25 mrt 2018 16:56 #16665 door André Kok
Beantwoord door André Kok in topic Hoogtes in helix 3
Je kopieert de betreffende CSS-code naar custom.css en je past hem aan. Doordat custom.css als laatste wordt geopend worden de eerder gedefinieerde codes overruled. Klopt dat?
Bedankt.

André
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
25 mrt 2018 17:23 #16666 door Rondeb
Beantwoord door Rondeb in topic Hoogtes in helix 3
Klopt custom.css overruled de bestaande/originele css van je template.

Maar soms wil het niet want dan blijkt dat het in template instellingen te zitten en deze kan je niet overrulen met custom.css

Als je op inspecteren klikt krijg je css te zien van het gedeelte van de site. Deze kan je daar eerst aanpassen als test om te zien of het werkt.

Wanneer het werkt kopieer de aangepast css naar je custom.css zo ben je er (bijna) zeker van dat het goed werkt.

Groeten Ron
Onderwerp is gesloten.
  • André Kok
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Vol goede moed
Meer
25 mrt 2018 17:36 #16667 door André Kok
Beantwoord door André Kok in topic Hoogtes in helix 3
Waar kan ik custom.css vinden? Bij template Aanpassen - Tekstverwerker zie ik wel een lijst met css-en: bootstrap-rtl.min.css ... template.css en presets, maar geen custom.css.

André
Onderwerp is gesloten.
  • Rondeb
  • Gebruiker
  • Gebruiker
  • Joomla
Meer
25 mrt 2018 17:48 #16668 door Rondeb
Beantwoord door Rondeb in topic Hoogtes in helix 3
In helix heb je in de template zelf in custom.css venster zie afbeelding ;)

Succes ermee.

groeten Ron
Bijlagen:
Onderwerp is gesloten.
  • André Kok
  • Onderwerp Auteur
  • Gebruiker
  • Gebruiker
  • Vol goede moed
Meer
31 mrt 2018 08:37 #16695 door André Kok
Beantwoord door André Kok in topic Hoogtes in helix 3
Ik ben er nog niet uit wat die hoogtes en CSS betreft. Ik heb nu de website online staan:
www.zwaluwengramsbergen.nl/joomla/
Wie zich geroepen voelt nodig ik uit een kijkje te nemen.

André
Onderwerp is gesloten.
  • Leen
  • Gebruiker
  • Gebruiker
  • hobbie
Meer
31 mrt 2018 10:29 #16696 door Leen
Beantwoord door Leen in topic Hoogtes in helix 3
Hallo ,
Het lijkt er een beetje op dat je het ergens bij deze instelling kan vinden
Code:
#sp-main-body { padding: 100px 0; }
als ik met firebug aanpast naar
Code:
#sp-main-body { padding: 20px 0; }
lijkt het beter te worden dus zet de code eens in de custom.css

lvda
Bijlagen:
Onderwerp is gesloten.
Gemaakt door Kunena