Return to previous page

Change size of modules from my home site

This topic has 9 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

spallsport

Participant

June 11, 2018 at 10:27

Hi, is possible to change the spaces of my modules in my homesite? https://prntscr.com/jtk2in
For examble I want the all contents are adjust to left and rignt and any spaces between sections, and I would like all touching, without spaces, is possible?
Thanks

#194672 Copied

8 Answers

Rose Tyler

Support staff

June 11, 2018 at 10:37

Hello,

Please edit the page using VC to achieve the desired result http://prntscr.com/jtk5eu http://prntscr.com/jtk609
https://wpbakery.com/video-tutorials/
For example, this margin comes from Design Options of row – http://prntscr.com/jtk6fs

You can inspect code on site using inspector tools. To access it, open a web page or web app in Google Chrome. Either:
-Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
-Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.

Feel free to ask if you have any other questions.

Regards

#194675 Copied

spallsport

Participant

June 11, 2018 at 11:02

ok, I try and tells you anything
Thanks
best regards

#194678 Copied

spallsport

Participant

June 11, 2018 at 12:23

sorry but I try all conbinations and it doesnt change anything…

#194688 Copied

Rose Tyler

Support staff

June 11, 2018 at 12:31

What exactly have you tried?
Also, please, describe the desired result in more details.

Regards

#194690 Copied

spallsport

Participant

June 11, 2018 at 12:52

For example I put this code in my css aditional

.vc_column_container>.vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 30px;
width: 100%;
}
I´ve got the picture is margin left good and text margin right good, but I dont get remove the space https://prntscr.com/jtln07 or this https://prntscr.com/jtln1t
I try in VC in my page home for example I select any options that you tell me in https://prntscr.com/jtloha But I dont have anything.

And I try to put down more the box module of my text ” nuestra empresa” so that it is centered with the photo on the left, but is impossible.

I want to put any modules in the home page similar to what was described, but I can´t remove spaces.
The finally hom I would same this https://prntscr.com/jtlqcu
thanks

#194694 Copied
Rose Tyler

Support staff

June 11, 2018 at 13:09
I would recommend setting settings for your columns separately, not via custom code you provided.
For example, select “Stretch row and content (no paddings)” for row and write margin-right via Design Options.
https://prnt.sc/jtln07 – you need to use custom css code:
```
.home .main-nav {
    margin-bottom: 0px;
}
.home .page-content {
    padding-top: 0px;
}
```
https://prnt.sc/jtln1t – set margin value according to this screenshot http://prntscr.com/jtlwk1
Please try – http://prntscr.com/jtlxhm
Do not forget about Custom Row Layout – https://prnt.sc/jtly7o

Regards
#194698 Copied
spallsport

Participant

June 11, 2018 at 13:21

OMG!!! yes! yes!!
verey very good thanks!!

#194700 Copied

Rose Tyler

Support staff

June 11, 2018 at 13:25

You’re welcome!

Regards

#194701 Copied
Viewing 9 results - 1 through 9 (of 9 total)