Adding hot responsive lightbox to this template

hkeyzer
Active member
Topic Author
Member

9 years 5 months ago #46558 by hkeyzer

Adding hot responsive lightbox to this template was created by hkeyzer

Hi,

I have added hot responsive lightbox module to this template (hot clinic) as can be viewed on:
www.nzvirtuemart.co.nz

However I want the module to be full size across the page. Similar to what happens on:
www.presentationboxes.co.nz which uses hot_start template.

What do I need to do to achieve this?

Thanks

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 5 months ago #46560 by milos

Replied by milos on topic Adding hot responsive lightbox to this template

Hello,

Add this in template_css.css to make .lightboxrow 100% width:

Code:

.lightboxrow .container, .lightboxrow row, .lightboxrow .cell {
width:100%;
}

Regards,
Milos

Please Log in to join the conversation.

hkeyzer
Active member
Topic Author
Member

9 years 5 months ago #46562 by hkeyzer

Replied by hkeyzer on topic Adding hot responsive lightbox to this template

Hi,

Added that code to css file - but issue remains the same.

Thanks

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 5 months ago #46565 by milos

Replied by milos on topic Adding hot responsive lightbox to this template

Hello,

You did not add it properly. The end of your file looks like this:

Code:

@media (max-width: 767px) {
	.mp_top3 {
	padding-top:30px;
}

	.lightboxrow .container, .lightboxrow row, .lightboxrow .cell {
	width:100%;
}

and should look like this:

Code:

@media (max-width: 767px) {
	.mp_top3 {
	padding-top:30px;
}
}

.lightboxrow .container, .lightboxrow row, .lightboxrow .cell {
	width:100%;
}

Regards,
Milos

Please Log in to join the conversation.

hkeyzer
Active member
Topic Author
Member

9 years 4 months ago #46569 by hkeyzer

Replied by hkeyzer on topic Adding hot responsive lightbox to this template

Hi,

Corrected as suggested - now module has moved slightly to the left - but still does not layout to full screen.

Note: I have deleted the "thumbs" directory after making the changes to CSS.

Cheers

Please Log in to join the conversation.

milos
Support Staff
Moderator

9 years 4 months ago #46572 by milos

Replied by milos on topic Adding hot responsive lightbox to this template

Hello,

I forgot dot before row class. This is the correct code:

Code:

.lightboxrow .container, .lightboxrow .row, .lightboxrow .cell {
width:100%;
}

Regards,
Milos

The following user(s) said Thank You: hkeyzer

Please Log in to join the conversation.

Time to create page: 0.417 seconds