Inserting into normal page with shortcode

  • Resolved Jeffrey Whitmore

    (@machinelf)


    2 years, 4 months ago

    It normally works fine in the menu. Great plugin.
    For a very complicated reason I won’t get in to, I basically want to have it only on one page.
    I removed it from the menu. Then I inserted it as shortcode [GTranslate] into a Gutenberg block in a page. The flags are all distorted. Everything still works though, you can click on everything fine, but the flag appearance is obviously broken.
    I have disabled cache and Cloudflare, and just in case disabled all extra CSS. And disabled all other plugins.
    Is this plugin not really meant to be used on a single page like this?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Jeffrey Whitmore

    (@machinelf)

    Am I correct in assuming that once it’s out of a many and in the Gutenberg page, it’s up to the mercy of the theme CSS, and much customization will be in order?

    Plugin Author edo888

    (@edo888)

    Hi,

    You have some box-shadows defined in CSS which affect the flags (style.css and colors-dark.css):

    .entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff;
}
    .colors-dark .entry-content a img, .colors-dark .comment-content a img, .colors-dark .widget a img {
    -webkit-box-shadow: 0 0 0 8px #222;
    box-shadow: 0 0 0 8px #222;
}

    You also have this in HTML source code, which adds a white line over the flags:

    .entry-content a {
    border-bottom: 1px solid #fff;
    -webkit-transition: color 80ms, border-bottom 80ms;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    I hope you can figure out how to change it, so that they do not affect language flags, you can look at :not CSS selector: like a:not(.glink) ...

    Thanks! ??

    • This reply was modified 2 years, 4 months ago by edo888.
    Thread Starter Jeffrey Whitmore

    (@machinelf)

    Excellent! I was able to take this and inject a page only css and it worked! Thanks so much. My mind had thoroughly gone to mush by the time I got so desperate as to post this.
    Thankss again! I’ll make sure i reviewed you well.

    Plugin Author edo888

    (@edo888)

    You are welcome! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Inserting into normal page with shortcode’ is closed to new replies.