Banner like in Atelier theme

[goodtimesmag]

Hi swiftideas team,

is it possible to setup a top banner like the green one in the Atelier theme (see image attached)?

I have already tried to do it with the full width text block, but the result doesn’t look good.

Live URL: http://goodtimesdeals.de/

[goodtimesmag]

Here is the attachment…

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Unfortunately neighborhood does not have this functionality

– Kyle

[goodtimesmag]

Ok, thanks for your feedback.

Is it possible to reduce the high of the full width text block? (the white lines at the screenshot = my preferred high of the block)

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

In the full width text box add pb0 pt0 to the extra class field

Then add this to your custom css:

.full-width-text.pb0.pt0 p {
  margin-top: 10px;
  margin-bottom: 10px;
}

– Kyle

[goodtimesmag]

Hi Kyle, that nearly done it.

I have also add bb0 no-arrow mt0 mb0 to center the text vertically, but as you can see on the screenshot the result is not perfect.

I have already tried to change the margins of your provided css code, but also this didn’t help.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Because you changed it to h5, add this:

.full-width-text.pb0.pt0 h5 {
  margin-bottom: 10px;
  margin-top: 10px;
}

– Kyle

[goodtimesmag]

Hi Kyle, and what can I do keep the same top and bottom margins on smaller screens and mobile devices?

Have a look on the screenshot to see how it looks at the moment.

Is is also possible to reduce the space between the columns on smaller screens?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this:

.full-width-text.pb0.pt0 .one_third {
  margin-bottom: 0;
}

– Kyle