CSS of snippetbox

  • Hi,

    Check the Event on the page I provided. The style I use is responsive and rich events snippetbox seems kind of broken:

    1. snippet-box has same width as snippet-title (inherited 100%), however snippet-title has left padding of 14px, which makes it look shifted
    2. when I set snippet-title style to have margin of 0px, the box is not broken anymore, but is not full width of the page (which is most likely due to page responsive design being handled by javascript)
    • This topic was modified 6 years, 8 months ago by lacike.

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,
    I have the same problem. See photo link: https://ibb.co/kkcw77

    Thread Starter lacike

    (@lacike)

    Found a solution:

    change .snippet-title width from 100% to auto

    When 100%, padding is excluded from calculation and result is 100% of wrapping div + padding. In auto mode, the title div is resized to fit the content including its padding.

    Hello, thanks for the reply.

    Where should I go to make this change?

    Thread Starter lacike

    (@lacike)

    Hi,

    the best would be if somebody from the plugin development team took care of the problem, especially, when the solution is known.

    Anyway. Open wp-content/plugin/all-in-one-schemaorg-rich-snippets/css/style.css

    On line 23 change .snippet-title width from 100% to auto

    thank you so much you are very kind!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS of snippetbox’ is closed to new replies.

Tags