JACM not having Top spacing and Bottom spacing
Hi @talktobiola,
You can add top and bottom spacing by adding a class to the Module Class field in the Advanced tab. These styles will then be applied to the module. Alternatively, let me know your specific case, and I'll help you find the right solution.
Kind regards,
What is the module class to be added to the Advance tab to adjust the spacing please
Hi,
I have added spacing classes in custom.css file (user/local/css/ folder). Please add spacing classes to any module you want to add.
.pt-1 { padding-top: 16px; }
.pb-1 { padding-bottom: 16px; }
.pt-2 { padding-top: 32px; }
.pt-2 { padding-bottom: 32px; }
.pt-3 { padding-top: 48px; }
.pb-3 { padding-bottom: 48px; }
.pt-4 { padding-top: 64px; }
.pb-4 { padding-bottom: 64px; }
.pt-5 { padding-top: 80px; }
.pb-5 { padding-bottom: 80px; }
.pt-6 { padding-top: 96px; }
.pb-6 { padding-bottom: 96px; }Add spacing class to the Module Class field in the Advanced tab.
Please add a space before each class name.
The code distabilize my website. For instance, it shifts the module title leftward in addition to this, it increases the text size of the module.
Hi @talktobiola.
The code distabilize my website. For instance, it shifts the module title leftward in addition to this, it increases the text size of the module.
You need add blank space before first class name (I edited on your website).
Menu style: I applied custom style for the dropdown menu on your site. However I cleared the t3-css cache on your website and the colors seem to be wrong. Can you help me reconfigure it?
Kind regards,
- Edited
Also, please take a look at these codes in the custom.css and tell what is wrong. Why are they not working?
`.uber-header.dark-color .navbar-default .navbar-nav > li > a, .uber-header.none-color.affix .navbar-default .navbar-nav > li > a {
color: #ffffff !important; /change color for menu item text/
}
.uber-header.header-5.dark-color {
background-color: #ffffff !important; /change background color of the header/
}
@media (min-width: 992px) {
.sections-wrap .section .section-inner, .sections-wrap .t3-module .section-inner {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.btn-border.btn-primary {
border-color: #39B777;
color: #39B777;
}
.btn-border.btn-primary {
border-color: #006600;
color: #006600;
}
element.style {
}
.uber-header.header-5.dark-color {
background-color: #f1f;
}
.uber-header.dark-color .navbar-default .navbar-nav > li > a, .uber-header.none-color.affix .navbar-default .navbar-nav > li > a {
color: #006600;
padding-left: 26px;
padding-right: 26px;
}
.navbar-default .navbar-nav > li > a {
color: #006600;
padding: 13px 26px;
text-transform: uppercase;
}`
Hi,
I have just updated all padding classes in the custom.css file. It's working now, please reload your website to view the change.
Kind regards,