Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

bild details -- css makeup

4 years 10 months ago
Licenses:
JomSocial Active

Hi,
I use the default JS 4.5 template. If I click on an image it will open in a popup windows, with the navigation arrows right and left. But around the navigation arrow is always a white border that doesnt look good at all. Could you help me to remove it, or tell me what css class i need to edit.
See the image for details.

Attachments:
4 years 10 months ago
Licenses:
JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

Hi
Add below code in your template.css file

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: none!important;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: none!important;
}

it will remove the dark border on the arrow.

Regards

4 years 10 months ago
Licenses:
JomSocial Active

Hi and thanks, sharma,
but I am talking about the extra square, rectangle white border. the arow is fine.

4 years 10 months ago
Licenses:
JomSocial Active GURU Active Publisher Active AdAgency Active iSEO Active Socialize Active

Hi
The button is already transparent its the border.
if you will remove its hard to see navigation .
This is code used

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
}

You can use firebug from browser to see the style classes as well.


Regards

The following user(s) said Thank You: Beniamin
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW