Boxes around captions in gallery?

  • TheB94

    #4907

    I have been searching for an answer to this for a while now on this forum, but have not found it. Sorry if I have missed it. The static page of my site has a photo gallery with pictures that link to different pages. Under each picture is a caption… I was wondering if there was a way to remove the box around the caption to smooth the website out? Any help would be greatly appreciated. My website is http://www.ochoallc.com

    Admin

    Syahir Hakim

    #29506

    Add this to the theme’s Custom CSS option:

    .entry-content .gallery-caption {
    background: none
    }

    TheB94

    #29507

    That would be in graphene options – display – custom css correct? I copied the code and put it there, but nothing happened.

    Mod

    Kenneth John Odle

    #29508
    Quote:
    That would be in graphene options – display – custom css correct?

    Yes

    Quote:
    but nothing happened.

    Try refreshing your browser cache: CTRL + F5

    TheB94

    #29509

    Refreshed, restarted… everything. I still have nothing. Its funny, because the code to take the title off pages worked, but it is not seeming to do the trick.

    Admin

    Syahir Hakim

    #29510

    One of the properties in your Custom CSS is missing a closing bracket:

    .post-title a:visited {
    display: none;

    .entry-content .gallery-caption {
    background: none
    }

    TheB94

    #29511

    I copied and pasted the code and neither work now. What am i missing here?

    Mod

    Kenneth John Odle

    #29512

    Change

    .post-title, .post-title a, .post-title a:visited {
    display: none;

    .entry-content, .gallery-caption {
    background: none

    to

    .post-title, .post-title a, .post-title a:visited {
    display: none;
    }

    .entry-content, .gallery-caption {
    background: none;
    }

    TheB94

    #29513

    That kept the titles from being shown, but the boxes are still there. So close…

    Mod

    Kenneth John Odle

    #29514

    Try

    #gallery-2 img {
    border: none;
    }
Viewing 10 posts - 1 through 10 (of 13 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!