• Resolved abronk

    (@abronk)


    Hello,
    For about a year, I have added custom CSS into my child theme to change the look of the galleries. Now, it no longer works, how do I get this to work?

    Page: https://www.healthcarefornewengland.org/initiatives/cardiac-health/cardiac-health-resources/

    I wanted to make several changes. See this code:

    .gallery-caption::before{
    height: 50%;
    min-height: 49px;
    position: static;
    top: 115px;
    left: 0;
    font-style: normal;
    }

    .wp-caption-text{
    width:85%;
    text-align: center;
    }

    .gallery-caption{
    margin-left: 5% !important;
    opacity: 1;
    font-weight: bold;
    background-color: #fff;
    color: #002c76;
    max-height: 90%;
    position: static;
    hyphens: none;
    font-style: normal;
    }

    #mla_gallery-#{
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    /* padding: 10px;*/
    background: white;
    }

    .gallery-icon img::after{
    content: ”;
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    /* -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    width: 70%;
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;
    }

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter abronk

    (@abronk)

    Hi,
    Quick update, I found out how to make that look the default style. Only problem is the links do not work. How did I manage that? Any help is appreciated.

    Thank you,
    Alex

    Plugin Author David Lingren

    (@dglingren)

    Thanks for your questions, the details on your styles and the work you put in to finding a solution. I tried to access the “Protected: PFAC-Approved Materials” page you posted a link to and got this message:

    This content is password protected. To view it please enter your password below:

    If you are still having trouble with the links, perhaps we can work it out offline. You can use the Contact form at our web site to give me your contact information and I will reply with an email address where you can send a password and/or other information. Here’s the link:

    Fair Trade Judaica/Contact Us

    I look forward to seeing more information or hearing from you. Thanks for your understanding and your interest in the plugin.

    Thread Starter abronk

    (@abronk)

    Hi, I can’t get your contact form to work. The submit button keeps disappearing on me.

    You can view this page instead. https://www.healthcarefornewengland.org/initiatives/cardiac-health/cardiac-health-resources/

    I sort of found a way to change the look but it deactivates the link. In the Media Library Assistant Settings > Shortcodes Tab > Select my new template for Style. I just don’t know what I did to get the link to no longer work. Since the site is live and used often, I am afraid to change it since the link doesn’t work.

    Plugin Author David Lingren

    (@dglingren)

    Thanks for your update; I regret the trouble you had with the Contact Us form. I just tested it and, of course, it works for me in Microsoft Edge. You can always send a text message to the phone number listed on the form.

    I had a look at the Cardiac Health Resources page and I need a more specific description of your problem. In the “New 2017 Guidelines” section I clicked on a thumbnail and got the “open or save” download dialog. I did notice that you can’t click in the caption area, but you can click in the upper part of the image.

    In the “Resources for Providers” area the PDF links give me the dialog box and the other links seem to go to the right place.

    So, can you give me a more specific description of the problem? Thanks for any additional information you can provide.

    Thread Starter abronk

    (@abronk)

    Hi,
    When I activate my custom style template, the links do not work anymore.

    Hi,
    Great news, I found out what went wrong and I think I fixe dit. Though, I am not sure why this code had “deactivated the links.” Would you be able to share some light on that? If not, no worries. I am just glad it works again.

    I had declared a width of 100% for .gallery-captuion::before. When I changed it to 0%, the links worked.

    .gallery-caption::before {
    width:100%;
    }

    changed to …
    .gallery-caption::before {
    width:0%;
    }

    Plugin Author David Lingren

    (@dglingren)

    Thanks for your update with the good news and the additional information. I am not a CSS expert by any means, but in my earlier post “I did notice that you can’t click in the caption area, but you can click in the upper part of the image.

    Perhaps the .gallery-caption::before was superimposed on the links, rendering them inactive.

    I am marking this topic resolved, but please update it if you have any other comments or questions.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom Style’ is closed to new replies.