Margins not working in Pro

Support
#1

Hi all!

I need help in adjusting the margins of all the contents I have in my site. While editing in Pro, it adjusts but when I try to view the page, the contents are so far apart!

I even went to the extreme with my margin-top set as -50px, but no changes still. I just have upgraded to Pro, by the way; I didn’t have this problem in X.

My site is “under construction” using a plugin. Has 1 trial page.
I have done every bit of thing on this list, but nothing worked. Send help!

Thanks

#2

Hello John,

Thanks for writing in!

I checked the website and it seems that you have activated coming soon page. Can you please share the login details in secure note so I can take a closer look at the setup?

Thanks.

#3

Logins provided. Thanks Prasant.

I am new to WordPress and themes, so I really need all the help I can get.

Thanks again.

#4

Hi John,

May I know which element or layout that has this -50px? It looks the same on both preview and live page on my end, and there is an empty column that adds space. Perhaps you’re referring to that column? If yes, you can remove it :slight_smile:

Thanks!

#5

Hi @Rad,

I probably changed the settings from when I posted my response to Prasant.

Here, the custom headline container’s top margin is set to -50px.

Here, it’s set to 0px. Notice that the space between the image above and the headline changes when customizing.

But, it yields the same result:

Even the space between the Heading and subheading doesn’t reflect.

It changes when editing but when I save and view, it doesn’t show the change that I just implemented and saved.

#6

[custom_headline type=“left” level=“h1” looks_like=“h2” class=“mainhead”]Custom Headline[/custom_headline]

Custom Subheading

Hello John,

I have logged in and investigated your issue. It turns out that in the Headline element, you inserted the classic custom headline shortcode which is not correct.

[custom_headline type="left" level="h1" looks_like="h2" class="mainhead"]Custom Headline[/custom_headline]

And then in the sub heading area, you also inserted this:

<p class="subhead">Custom Subheading</p>

You are already using a headline element. You are suppose to insert plain text. No html codes if possible to avoid any issues. If you prefer to use the shortcode and the subheadline html code, then it is better that you use a content area element instead.

And lastly, somewhere in the header, you added a broken custom css:

@media (max-width: 480px) { margin-top: -1em !important;  }

The correct one should only be:

@media (max-width: 480px) { 
  $el {
    margin-top: -1em !important;  
  }
}

And there is also a broken commented css code which is still in the header:

/* @media (max-width: 979px){
  .tni_main {
    font-size: 2.7em !important;
  }
}

The correct one should be:

/* @media (max-width: 979px){
  .tni_main {
    font-size: 2.7em !important;
  }
}*/

You will have to correct all those codes so that the page and the styling will be applied to the page elements correctly.

Hope this explains your issue briefly.

#7

Thanks, will correct them.

#8

You’re welcome, let us know how it goes,

Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.