How to fix margin of a content area in Emotions Lite theme?

  • I’m not an expert on website building, but I see WordPress makes things easer for lay people. I have a problem with the theme “Emotions lite” though. I have built two similar websites with the same content and themes, in different languages (Portuguese and English). But the Portuguese version does not work the same way as the English one does. For instance, when I try to put a widget on Blog right sidebar it only appears below the content page, not on the right side. The same problem happens with the “breadcrumbs”. When I created a widget with the buttons of optional languages, the search engine went down making the bar thicker. I suppose the root of the problem is about the right margin width of the content area, which is thinner in Portuguese version than in English one. I hope I was clear about this issue.

    Link of Portuguese version
    link of English version

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Thanks for reposting and for the two links.

    First, let’s tackle the breadcrumbs sidebar position, although because this is related to a third party plugin (and a page builder), I cannot really provide much support for that other than the theme.

    The breadcrumbs sidebar is actually meant for breadcrumb plugins (using a widget) than other content, such as buttons, but from what I see in the one site where it has more bottom space, your siteorigin is adding inline styling to the container your buttons are in. This container I think is the problem with the styles added like you see:

    <div class="siteorigin-panels-stretch panel-row-style" data-stretch-type="full" style="margin-left: -112.438px; margin-right: -984.563px; padding-left: 112.438px; padding-right: 984.563px; border-left: 0px; border-right: 0px;">

    ….your English site version does not have that and is more simplified:

    <div class="panel-grid" id="pg-w586ea2bf6f654-0">

    So however you created those containers with the buttons, you need to duplicate what you did for the English one, without all that additional inline CSS.

    Regarding your right sidebar issue, right now I see no widgets in your blog right sidebar, but I do in the English version. Did you remove the widgets from the other site? If so, can you add one and let me know to check the site again?

    Thread Starter joecands

    (@joecands)

    Ok, I’ve just add a widget on blog right sidebar. You will see the menu “documentos” just below the main content.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Bad news is that I do not know what is causing your main content column with the post, stretch wider to like 850px, but the English site is 800px. The extra width is pushing the sidebar down. I tried looking at the source code to find out what is causing it to go wider but nothing shows up.

    Again, because you are using third party plugin….a page builder plugin, these can cause a lot of headaches. Something in the content that it creates or the content you add is breaking it. You are also using a facebook comments system which could be the problem…not sure though, but it is wider than the column should be. I noticed your English site has no comments enabled and your right sidebar is where it should be.

    Thread Starter joecands

    (@joecands)

    Yep, actually I added the facebook comments system after the problem has appeared, so… no relation. Anyway, thank you for trying to help me and sorry for disturbing you so late in your country. ??

    Theme Author Shaped Pixels

    (@shaped-pixels)

    It almost looks like something is breaking the page layout. Even your right sidebar is wider than it should be. I just used my browser and opened a post and stripped out everything except some text and the main column container that should be 800px is still 850px wide, but cannot see what might be causing a conflict to make it 850px.

    This one I am puzzled without really spending time and digging into this one. Unfortunately, I can really only provide theme support and not support for end-user content and third party plugins.

    I really wish I could help out more on this one. The trick is to find out what is different between the two sites where one is fine and the other is not.

    Thread Starter joecands

    (@joecands)

    Yep.. I suppose this started to happened when I tried to export the contents (style, widgets, customized contents, theme, etc.) from English version to the other. This process stuck and I had to interrupt it and to do all the process manually, but I’m not sure if this attempt made some changes during the exportation. Besides, I tried dozens of other ways to try to solve this problem (dowloaded many plugins, for instance) and got a big headache on this.. Anyway… I prefer keeping the website with these failures than trying to start from the very beginning again. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to fix margin of a content area in Emotions Lite theme?’ is closed to new replies.