Widgets have different layout than usually

  • Resolved Tobias

    (@tobiaseichner)


    7 years, 9 months ago

    Hi,

    basically I love the idea how this plugin works, but I’m failing to integrate it in a way that works well with my theme (MH magazine from mh-themes.com):

    Widgets added by using this script have a different optical appearance compared to such inserted the normal way.

    For example, there is a custom widget called “MH Posts Focus” that displays a large entry in the mid and four entries on the sides. By default, the four surrounding entries have no excerpts, but when added using this plugin, excerpts are shown. Also links are styled (very) differently.

    Because this happens also with other plugins similar to “Widgets on Pages”, I guess that this is a CSS issue – but I don’t know exactly where to look at. Maybe the theme is simply incompatible to this kind of plug-in, not sure.

    Any insights would be appreciated. Maybe I can manage to make this plugin working for my site.

    Tobias.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Hey @tobiaseichner

    Do you have a link to a page with the widgets how you want them, and then another where you are using Widgets on Pages? I can take a look.

    Todd

    Thread Starter Tobias

    (@tobiaseichner)

    Hi ! Thank you for your quick response. ??

    Sure, I have a demo installation, but it’s password protected. Can I contact you by e-mail to provide you with the URL and password ? I would then prepare something and let you know.

    Tobias.

    Thread Starter Tobias

    (@tobiaseichner)

    Okay, I disabled pwd protection from the demo site, so you can check it by yourself:

    Homepage: https://www.gerda-eichner.de/CMSdemo/wordpress/
    Plugin-powered page: https://www.gerda-eichner.de/CMSdemo/wordpress/test1/

    It’s the same widget with the same settings but showing a totally different design.

    Hope you can help or have an idea where I can look for a solution ?

    Thank you !

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Hey

    Yes, seems the theme has some CSS to do these things.
    With a a quick looks I can see that the following should go a long way to get what you want, I think.

    
.widgets_on_page ul {
	margin: 0;
}

.widgets_on_page .widgettitle {
  text-transform: uppercase;
  font-size: 1rem;
  padding-bottom: 5px;
  border-bottom: 3px solid #e64946;
}

.widgets_on_page .mh-posts-focus-item-small .mh-excerpt {
	display:none;
}

    More could be done to make it exactly the same, but would take me some more time.

    Thread Starter Tobias

    (@tobiaseichner)

    Thanks for having a look at the issue.

    If I don’t misunderstand you, the CSS isn’t simply taken over when using your plugin. I’ll investigate this further; maybe it can be easily solved.

    Tobias.

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    Yes, possibly… so if you add the CSS above to the end of your theme’s style.css you should see some improvement.
    Please let me know how you get on.

    Thread Starter Tobias

    (@tobiaseichner)

    Yes, I get an improved version of the page. Unfortunately, there are similar issues with other widgets. So I have to check this out more thoroughly.

    Anyway, thank you very much for your help so far. ??

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    No worries, happy to help.
    Note, that with the PRO version you get priority support, if you wanted more assistance with this.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Widgets have different layout than usually’ is closed to new replies.