Still getting strange margin when using "No margins"

[Jonken90]

Hi,

Im having a strange issue when Im using “No margins”.

The page looks great in preview, but when I load the actual page there is this strange margin at the right side of the page.

The webpage is www.jonathaneriksson.se/hem

How do I fix this annoyance?

[Alaa]

Hi Jonken90.

This is how I can see your page right now:

If it’s a must to be logged in to see your page, please provide us with WordPress Dashboard login details in a “Secure Note” so we can investigate this issue.

Thanks.

[Jonken90]

Sorry i missed to write in https

https://jonathaneriksson.se/hem

There we go

[jade]

Hi there,

Would you mind double checking the URL?

I tried to check but it still goes to a 404 page:

[Jonken90]

Sorry for that, I had completely forgotten that i switched the page back to “private” after I found the error. Now its published again.

[Alaa]

Hi Jonken90,

I can see your page now, thanks!

After investigating this issue, it seems that you have added this JS snippet in Global JS area:

jQuery(document).ready(function($){
  $(".attgrab1").wrap('<a href="https://www.facebook.com/groups/beastmodetest/" target="_blank"/>');
  $(".attgrab2").wrap('<a href="https://jonathaneriksson.se/product/beastmode-12v-conjugate-program/" />');
  $(".beastmodeclick").wrap('<a href="https://jonathaneriksson.se/beastmode/" />');
  $(".occlick").wrap('<a href="https://jonathaneriksson.se/online-coaching/" />');
  $(".1010mclick").wrap('<a href="https://jonathaneriksson.se/1010-metoden/" />');
});

Which simply will wrap these three columns with HTML <a> tag, and that’s enough to break our CSS styles for these columns width, I suggest replacing your JS snippet with this similar technique I described here. This will not break our CSS rules.

Thanks.

[Jonken90]

Thanks a lot for the reply!

Ive been trying to get my 1010mclick Column clickable with said method you linked

.1010mclick .x-column{
cursor: pointer;
}

jQuery(document).ready(function($) {
jQuery(".1010mclick .x-column").click(function() {
window.location = “https://jonathaneriksson.se/1010-metoden/”;
});
});

Ive tried switching the .x-column for “.column” “.x-heading” “.heading” “.1010mclick” but I have not gotten the code to work. Is said code bound to classic feature box?

[Alaa]

Hi,

I can see that you entered incorrect jQuery selector, please try:
jQuery('.x-column.1010mclick') or just jQuery('.1010mclick').

Thanks.

[Jonken90]

Thank you! Now its clickable to the right link. Im trying to make it so that the pointer shows its clickable, or that the image changes color on hover.

I saw these two in the other thread, but cannot get them to work

.x-column.1010mclick{
cursor: pointer;
}
.x-column.1010mclick:hover img {
opacity: 0.6;
}

Any idea of what I could be doing wrong?

[thai]

Hi There,

The CSS code will not work if the class is beginning with the number.

Please change your CSS class to: m1010click.

Regards!

[Jonken90]

Awesome! Thank you very much!

The support you guys offer is a big reason to why I recommend x-theme to people all the time

[Prasant]

You are most welcome. Thanks for the good words.