Forum Support

Shape 5
October 16, 2021, 11:24:47 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: layout doesn't show correctly  (Read 1296 times)
carlone
Jr. Member
**
Offline Offline

Posts: 132



« on: February 09, 2017, 08:09:54 AM »

hello
please can you tell me why this happens?

Carlo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: February 09, 2017, 12:23:17 PM »

Hello,

Would you be able to post a URL where this occurs at?

Thanks,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #2 on: February 09, 2017, 01:01:13 PM »

https://www.kizmi.it/it/

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: February 10, 2017, 12:28:24 PM »

Hello,

You have negative margins on the following CSS and this is why the images are falling outside of the bottom. If you change to what I have here this will fix that.

Code:
.s5_100om_left_inner {
    margin-top: 50px;
    padding-right: 50px;
    margin-bottom: 50px;
}

template.css 1056

As for the images not being aligned horizontally, I'm really not sure. It looks like there is a size difference in the first column vs the rest when I hover over with browser developer tools the dimensions are different. But I can't pinpoint why. I would test by grabbing column 2 code and then place in column 1 just to see if that fixes it.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #4 on: February 10, 2017, 12:54:01 PM »

I will try,
But can you explain.me why this happens only on the italian sidecof the site?
Logged
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #5 on: February 11, 2017, 03:46:19 AM »

sorry but i tried to understand your advices , but i don't see where i must make changes
could you please tell me ? i am not that good in coding
Carlo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #6 on: February 13, 2017, 02:39:39 PM »

Quote
But can you explain.me why this happens only on the italian sidecof the site?

I see it on both sides of the site IT and English.

I just found the issue for the vertical spacing issue too, its the padding-right you add here. Just remove this padding-right of 50px in your template.css file at line 1056:

Code:
.s5_100om_left_inner {
    margin-top: 50px;
    padding-right: 50px;
    margin-bottom: 50px;
}
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #7 on: February 13, 2017, 02:50:27 PM »

ok
i took it off
last questin
why in the italian side is this space ? i tried to check if there is some module position but it is not
thanks
Carlo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 on: February 14, 2017, 12:38:00 PM »

Ah it looks like you need to hide the component output for the homepage of IT site. I see the center DIVs being output and this is causing the spacing. You hide it under Vertex > Layout > hide component area. Its in the middle of the page.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #9 on: February 15, 2017, 12:48:51 AM »

sorry
but what is the component to hide?
Carlo
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #10 on: February 15, 2017, 01:01:32 PM »

You just need to go to the Vertex admin area of the template. And then go to "main > layout" in here scroll down till you see the middle area and the hide component section is in there.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
carlone
Jr. Member
**
Offline Offline

Posts: 132



« Reply #11 on: February 15, 2017, 01:06:34 PM »

I understand where, but not what i have to hide? Wich component?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #12 on: February 16, 2017, 01:42:20 PM »

Oh ok, you just need to select the home menu item for the IT version of the site. The center DIVs will hide on whichever menu item is highlighted in this area. Hold CTRL to select multiple ones.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.