Jumbotron - main header size / color

Hi!
Thank you for the theme, looks really nice!

Please can you help me - how can i set the smaller size & black color for the main part (between yellow dots - Clean. Slick - this one)

css? can you suggest the code please.
Managed to find the customization of the text below only.

And more to ask:
how to delete the container at the bottom?

Products, Info & Support menu i mean.

And one more question - can you advise how can i add additional blocks (i.e. pages) in the middle of the page?
To make the scroll down smooth and nice as done in the default theme with all the contents like services and so on after jumbotron section.

thnx :slight_smile:

Hello @nuts,

First of all, thank you very much for the interest in our themes!

To deal with the jumbotron title you should use this CSS solution:

#header .bottom-header h2 {
    color: black;
    font-size: 60px;
}
#header .bottom-header span.span-dot {
    color: black;
}

To delete the footer information you should add blank text widgets to it in Dashboard > Appearances > Widgets or use this CSS code directly: footer { display: none; }

Since this is a free theme there not so much customisation level that you are thinking of, so adding additional sections and make them smooth scroll would require quite the extensive custom work.

If you are looking for any premium services like setup, design and improvements you could add me on Skype (Ion Rutz) for more details about it.

Best regards

Ion, thank you a lot.
Well, the middle section is not much a problem then.

One more - is there a css to customize buttons?
i.e. make all buttons yellow.

Hello @nuts,

I’m happy that the above worked as expected!

Please send me your website URL and screenshots with what buttons you want to modify and I’ll do my best to provide you the requested CSS styling.

Best regards

Dear Ion, quite simple - is that possible to play with button colors on the top screen?

1 more to ask - is it possible simply just add pages?
Tried modifying the main page but active elements & shortcuts simply not work.

something like this

Hello @nuts,

The CSS styling for the jumbotron buttons is the following:

#header .bottom-header .header-button-one {
    width: auto;
    height: 63px;
    line-height: 57px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 15px;
    padding: 0 70px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header .bottom-header .header-button-one:hover {
    background: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

#header .bottom-header .header-button-two {
    width: auto;
    height: 63px;
    line-height: 63px;
    background: #f1d204;
    margin: 0 15px;
    padding: 0 70px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header .bottom-header .header-button-two:hover {
    background: rgba(241, 210, 4, 0.9);
    text-decoration: none;
}

As for the extra section, this is not possible, unless you find some other section that you might not need to use and you can deal with text widgets or some other elements that are suitable for you.

After you build the section, you can change their order to make it appear just under the header.

I hope that the above will get you forward with all the setup.

Regards

Hello Ion, thank you a lot for the button codes, perfectly worked.

The last question - still my problem topic with adding custom content - tried your idea of modifing of an unnecessary default box, tried adding widgetized text block, but still there’s one problem.
If i use any of the plugin shortcodes like poll or slider or a link, the content is not being visible. I mean the code is seen not the content like it would be on a general/html page. (i.e. [slider=id 15]… and so on generated by wp stuff)
Why this happens?

Hello @nuts,

I’m glad that you got everything alright so far.

The entry fields and most of the customizer does not support HTML syntax and codes.
As far as I know, this is a limitation from WP.org itself.

To work around this, you should try adding all the HTML and shortcodes in a text widget, as it should support the format.

Best regards

Ion, thank you and sorry for teasing you in this part:)

Ok, i might use the “SERVICES” area. I tried placing a widget - Text field, instead of demo content, seems to work, but the field seems to be spolited by 3 sections, might i merge them into 1?

Hello @nuts,

I’m not exactly sure what is the problem and what you’d like to achieve, can you please provide me the valuable screenshots so I can better understand?

Thank you!