problem with s-o carousel title and margins

  • Resolved nickpapag

    (@nickpapag)


    5 years, 1 month ago

    Hi and thank u fro your great plugin.
    I’m using the plugin (carousel posts) in some pages (incl. Home)
    I’m not sure if my problem has to do with plugin or theme update but suddenly i had to do some css fixes due to huge fonts in widget title, and also bigger margins in page builder rows.
    to help u understand my problem in home page now i need these lines with custom css, otherwise the widget title is 3.4rem (about):
    .post-content h3{
    font-size:1rem
    }
    and big bottom margin, so i use:
    .so-panel{
    margin-bottom: 10px!important
    }
    Can u please help me understand the reason. I had no problem for many years now.
    Thanks again!

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

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

  • Hi

    Thanks for reaching out.

    The widget title size is being set by the theme’s stylesheet with the following rule:

    .post-content h3 {
    font-size: 2.142rem;
}

    Your Custom CSS solution is correct.

    so-panel is applied to the same container as the widget class. The theme is adding a bottom margin to the widget class. You could go to Settings > Page Builder > Widgets and disable the Add Widget Class setting to prevent the theme from targetting Page Builder widgets.

    Thread Starter nickpapag

    (@nickpapag)

    @puro Thanks a lot for your reply. The Add widget class is disabled (unchecked). The theme author changed some css so waiting for an update. Thank u for your time!!!

    Glad to hear you’re making some progress.

    If you deactivated the Add Widget Class setting recently, perhaps try clearing your caching plugin.

    You could also try changing your existing Custom CSS rule to:

    .panel-grid-cell .widget {
	margin-bottom: 0;
}

    to make it a bit more specific.

    Thread Starter nickpapag

    (@nickpapag)

    @puro Thanks again. Tried your code but still have bigger margin than my code. Any idea?

    I removed your Custom CSS rule but I can’t see any big gaps at the moment. Which part of the page should I check? Thanks.

    Thread Starter nickpapag

    (@nickpapag)

    Home page between 3 carousels

    Here is what I see when I disable the 10px Custom CSS rule: https://imgur.com/a/PknN3CC.

    Thread Starter nickpapag

    (@nickpapag)

    Well thats crazy. When in customizer remove my code see a bigger gap. I saved it without refresh and now without code seems OK.
    Thank u @puro
    …one more question.
    Is there any way to make my pic thumpnails in carousel a bit smaller to fit the area. As u can see the trird carousel is cut some pixels in the right. The same to the text.

    Within the Carousel widget you can choose from the various image sizes available in your WordPress installation. You could also use a plugin like Simple Images Sizes to create a new thumbnail size and then use it.

    Thread Starter nickpapag

    (@nickpapag)

    I mean that the hole panel of the carousel fit perfect there. Also in mobile is not so beauty… ??

    Unfortunately, the settings available within the widget are the available settings. Changing the thumbnail size used is the only way I can think to adapt the number of posts shown without being cut off.

    Thread Starter nickpapag

    (@nickpapag)

    You can see here:
    https://gym-vasil.lef.sch.gr/all-activities/
    another problem…

    Maybe an option to choose how many posts to fit the area in desktop or mobile, and with responsive design to fit perfect.

    Maybe is too difficult…

    Thread Starter nickpapag

    (@nickpapag)

    I’m stopping waisting your time. Many many thanks for your time.

    You can also consider the widgets from Widgets for SiteOrigin or Livemesh SiteOrigin Widgets. The two plugins add widgets to the SiteOrigin Widgets Bundle. Good luck ??

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘problem with s-o carousel title and margins’ is closed to new replies.