Joomla Templates Club 406,261 posts

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#723785

Hello.

The fancy box that pops up when displaying the cart is different between the custom module tabs and the Virtuemart product display.

How can I get them to be the same cart shown on the Virtuemart product display?

This is what it looks like from the module display:

And, here is how it should look like:

Thank you!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#723900

HI,

You can add the css style below into templates/ja_cagox/css/custom.css file

#fancybox-wrap #fancybox-content a.continue_link, #fancybox-wrap #fancybox-content a.showcart {
border: 2px solid #333333 ;
color: #333333 ;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
padding: 5px 15px;
text-transform: uppercase;
}

#fancybox-wrap #fancybox-content h4 {
font-weight: normal;
font-size: 16px;
clear: both;
}

#fancybox-wrap #fancybox-outer {
overflow: hidden;
}

#fancybox-wrap #fancybox-content a.showcart {
margin-right: 20px;
}

#fancybox-wrap #fancybox-outer #fancybox-close {
top: 0;
right: 0px;
width: 30px;
height: 30px;
opacity: 0.5;
}

Let me know if it helps

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754345

HI,

You can add the css style below into templates/ja_cagox/css/custom.css file

#fancybox-wrap #fancybox-content a.continue_link, #fancybox-wrap #fancybox-content a.showcart {
border: 2px solid #333333 ;
color: #333333 ;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
padding: 5px 15px;
text-transform: uppercase;
}

#fancybox-wrap #fancybox-content h4 {
font-weight: normal;
font-size: 16px;
clear: both;
}

#fancybox-wrap #fancybox-outer {
overflow: hidden;
}

#fancybox-wrap #fancybox-content a.showcart {
margin-right: 20px;
}

#fancybox-wrap #fancybox-outer #fancybox-close {
top: 0;
right: 0px;
width: 30px;
height: 30px;
opacity: 0.5;
}

Let me know if it helps

Regards

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#725289

Thank you! That worked!

An 🙂

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#755006

Thank you! That worked!

An 🙂

[Author]

Posts