Skip to main content

Welkom bij Joomla!NL

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

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Ruimte tussen logo en menu

Ruimte tussen logo en menu

05 mrt 2016 15:39
#1
Goedemiddag,

Kan iemand mij uitleggen hoe ik de ruimte tussen mijn logo en menubalk kan verkleinen?
Ik ben een leek maar heb wel uitgevonden hoe ik in de css het een en ander kan veranderen, als ik een stappenplan heb ;-).

Mijn website: www.kinderpraktijkbodegraven.nl

Alvast bedankt!
  • Anniek87
  • Anniek87's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Ruimte tussen logo en menu

05 mrt 2016 15:46
#2
Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Dan vind je dat je in het bestand theme.css op regel 8991 moet kijken.
Je ziet daar deze regel:
Code:
.tm-headerbar, .tm-navbar, .tm-footer { margin-bottom: 35px; margin-top: 35px; }

Ga met een FTP-programma naar het bestand theme.css ( ../templates/simple_v1/css/theme.css )
Je kunt het bestand even naar je PC downloaden en dan bewerken in bijvoorbeeld Notepad++ (Handig programma omdat je daarin ook de regelnummers ziet).

Wijzig het getal 35 bijvoorbeeld in 5 en daarna het bestand weer opslaan en met FTP uploaden naar de originele plaats.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11311

Ruimte tussen logo en menu

05 mrt 2016 16:02
#3
Aangezien je template een custom.css bestand heeft, kan je beter de aangepaste definitie daarin zetten.
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: 37570

Ruimte tussen logo en menu

05 mrt 2016 21:08 - 05 mrt 2016 21:10
#4
Super bedankt, het is gelukt!

Wat me niet lukt... Ik wil graag de menuknoppen wat breder. Als ik via firebug inspecteer dan kom ik uit op custom.css, line 71en daar zie ik dit:
Code:
.uk-navbar-nav > li > a { border-right: 1px solid #8bab38; padding: 0; text-transform: uppercase;

Als ik padding op bijvoorbeeld 30 zet, dan zie ik dat de knoppen breder zijn. Als ik echter in CrossFTP naar custom.css ga, dan zie ik dit staan:
Code:
.uk-navbar-nav > li > a { text-transform: uppercase; padding: 0px 0px; border-right: 1px solid #8BAB38;

Wat moet ik doen?

Edit WoodyF4u: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
  • Anniek87
  • Anniek87's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Ruimte tussen logo en menu

05 mrt 2016 21:17
#5
Padding wordt in deze volgorde ingevoerd:
paddin-top
padding-right
padding-bottom
padding-left

Dus als je links en rechts ruimte wil hebben kun je dit invoeren op regel 71 van je custom.css
Code:
padding: 0px 40px 0px 40px;

Ik ga er vanuit dat je hiermee voldoende voor je menu-vraag geholpen bent.
Mocht dat niet zo zijn, maak dan even een nieuw topic aan.
Lees ook even de forumregels.
Maximaal 1 onderwerp per topic.
Ik sluit deze nu af.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11311
Moderators: JelleRomke
Tijd voor maken pagina: 0.644 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