Change colors

talktobiola

How do I change the background color and text color

of the marked part of the attached images

saguaros

You can right click on the element (such as header, text, button, ...) to inspect element, you can see the CSS rule defined for that element and customize style for it:

Then add your custom css into this file: root/templates/uber/css/custom.css (create this file if it doesn't exist now)

For example:

.uber-header.dark-color .navbar-default .navbar-nav > li > a, .uber-header.none-color.affix .navbar-default .navbar-nav > li > a {
    color: #fff !important; /*change color for menu item text*/
}

.uber-header.header-5.dark-color {
    background-color: #000 !important; /*change background color of the header*/
}

talktobiola

What about the N0. 4 question that has to do with the reduction of space between the modules

saguaros

It's padding between modules:

@media (min-width: 992px) {
    .sections-wrap .section .section-inner, .sections-wrap .t3-module .section-inner {
        padding-top: 104px !important;
        padding-bottom: 104px !important;
    }
}

You can override with this custom CSS code and adjust the value to suit your need.