How to make same row

[Peter789]

Hi there,

How can I make my row to look like this:

[friech]

Hi Katarina,

Thank you for writing in, the first screenshot is a 1 column row. Adding all your element inside that will stack them.

The second screenshot is a Navigation Inline element.

Cheers,

[Peter789]

Hi there,

Can you please help me recreate the same row & text style as in the example website since I can’t get the settings right… please

As you can see in the page below on my staging site I recreated it to look close, but it’s not that it…

[tristup]

Hi Katarina,

What you are expecting is beyond the scope of our theme support. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[Peter789]

Please Tristup,

I literally recreated the whole page, I just need help with the columns & rows to setup same like the reference website.

It’s literally 2 clicks since you know what to do and I don’t know… especially now with the latest PRO update, I was using 4.0.0 version for a long time

[Peter789]

@marc_a hopefully you can help me out!
@christian

[christian]

Hey Katarina,

What @tristup meant is we cannot create the whole or even parts of the page for you. What we can do is point you to the correct settings.

There are a lot of steps and options to set to recreate the page though so kindly point us to one issue at a time and be specific with the issue. Asking us to just replicate the page or parts of the page is practically doing the work for you and you learn nothing.

Hope you understand.

[Peter789]

Please watch the video down below:

[friech]

Hi Katarina,

Unfortunately, this is something we can not do for you. Luckily this is a case where the new Responsive Styling Feature will resolve perfectly.

To see this feature, inspect your Headline element and click the (font) Size label

This will show you a pop up that looks like this

That is where you can adjust the font size base on certain screen width.

These are the font sizes of the Headlines in stickz.co when viewed on the smallest screen, so use this as the minimum font size.

Stickz Serum Skin = 21px
New Look. New Feel = 40px
We gave Serum a facelift. A new modern and minimalistic appearance = 21px

If you want to learn more about this new Responsive Styles feature, please watch this tutorial.

Hope it helps,
Cheers,

[Peter789]

Thanks, Friech!

How can I make the text look like the reference site

Look video

[ruenel]

Hello Katarina,

The Text element in the example site is having this text content:

New Look.<br> New Feel.

And in the inline element CSS of the Text element, this code was also added:

$el br {
    display: none;
}

As for the Unwav Serum Skin and Buy button, you will need to add a Gap Width in the Row element settings.

Best Regards.

[Peter789]

Hey Ruenel,

That doesn’t work for me, it is the same as before.

Stickz (reference site) somehow used some settings in the row & columns and I can’t re-create it that well, also his page is very mobile-responsive… I don’t know how he did that.

[christian]

Hey Kate,

Please focus on 1 area at a time. For example, your “We gave Serum a facelift. A new modern and minimalistic appearance.” text must have a Max Width. Set the Text element’s Max Width to 620px.

If you don’t have concerns with the Headline anymore, please point us to 1 specific section and detail the exact problem that you have.

If you still have problems with your heading / headline, please detail the problem and let’s stick with finishing the headline first.

Thanks.