Post by marcovanderhaar » Tue Apr 02, 2013 3:52 am

Hallo allemaal,

Ik wil graag de ruimte tussen de slideshow en de rest van de informatie op mijn webshop kleiner maken. Als je op http://www.smaakland.nl kijkt dan snap je vast wat ik bedoel. Ik heb al geprobeerd om erachter te komen waar in de css ik het moet wijzigen maar kwam er zelfs met firebug in firefox niet achter.

Misschien dat jullie me willen helpen.

Mvg,
Marco


Posts

Joined
Wed Jan 30, 2013 5:01 am

Post by pprmkr » Tue Apr 02, 2013 3:43 pm

Stylesheet regel 534 :

Code: Select all

.slideshow { left: 19px;
    position: absolute;
    top: 191px;}
regel 114:

Code: Select all

.cms-home #column-left {
    margin-top: 393px;
	float: left;
   width:227px;
}
en regel 124:

Code: Select all

.cms-home #content {
   margin-bottom: 0px;
    min-height: 400px;
	 padding-bottom: 11px;
	 margin-top:400px !important;
}
Dit zorgt ervoor dat de slideshow geforceerd over de volle breedte boven de linker kolom en de content komt te staan.
Voor de slideshow is dan ongeveer 380 pixels hoogte beschikbaar.

Pas het formaat van de afbeeldingen aan:
Ga naar Extensies - Modules - Slideshow
Afmeting b x h: 980 x 380

User avatar
Active Member

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by marcovanderhaar » Tue Apr 02, 2013 9:02 pm

Beste pprmkr,

Hartelijk dank voor je hulp. Jouw oplossing was niet helemaal wat ik bedoelde aangezien de slideshow dan weer groter wordt en die wou ik juist kleiner. Maar na het aanpassen van de margin-heights naar 200px is het gewenste resultaat bereikt.

Gr. Marco


Posts

Joined
Wed Jan 30, 2013 5:01 am
Who is online

Users browsing this forum: No registered users and 8 guests