Docs

[Shleezy]

Hi there,
I have a problem on my homepage: http://www.3dhit.de
There are two columns with an Image and text.They fade in from right and left. On first glance – this is how I want it to look, but when i scale my browser window to a smaller size: text and image start to overlap at some point.
Is there any way to fix this issue.
Thank you for your time.

[Shleezy]

Hi I have inserted and tried out the “responsive text” command.
It sort of works now-but when I add more text or lower its position
it still would overlap the image when scaling the browser-window.
Now-it works only because the text area is quite small.
Is there any solution to this?

[Christian]

Hey there,

You have a Gap element with a size of -20% (see attachment). Please make it -14% (see http://i.imgur.com/EhSxrVe.gifv).

Hope that helps. 🙂

[Shleezy]

Thank you for your reply,
Yeah-as I said-it works in that position but what if I would like the text to be right next to the image while fullscreen. When I scale the browser down the image overlaps the text almost entirely. I quess another workaround solution would be to save the .png image with the text together-but-not really cool.

I have got another issue on the Images part on http://www.3dhit.de
How can I distribute the Images evenly. Right now there is no gap on left and right side at all and the gaps in the middle are too wide.
Could you assist me with this?
Thanks in advance.

[Rupok]

Hi there,

Thanks for writing back! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Shleezy]

Alright,
Issue 1:
“Home” when you scroll down you will see a bike. While in fullscreen, it shows fine-the way I want it but when I scale the browser window down the text gets covered by the bike image.

Issue 2:
“Images” I would like to have also a small vertical gap on the right and left side so the gaps in the middle do not appear so wide.

Thank you

[Christopher]

Hi there,

#1 Please update your code to :

<p style="text-align: left;position: relative;z-index: 2;"><span style="color: #333333;">Unsere Maxime ist die schnelle Ausführung sowie</span><br>
<span style="color: #333333;"> termingerechte Lieferung der Visualisierungen.</span></p>

#2 Please provide us with screen shot and show us what you’re trying to achieve.

Thanks.

[Shleezy]

Hi guys,
thanks for your response and trying to help me.

#1: I have copied the “bike” column and pasted it below so we have a comparison.
(There are two bike columns now: The one on the bottom got changed by your code)
I have then pasted your code into the text editor window.

Unfortunately nothing changed

#2: I have attached some screenshots. It might clarify what I would like to achieve.

[Shleezy]

just to add to #1: the only small change which I now notice is that the text is on top of the bike vs behind it. I wish that the text and bike do not cover each other at all when the browser is scaled down.
Thanks

[Jack]

Hi there!

Thanks for writing back.

#1, can you go into Cornerstone, click the text and then add a custom class to the text, we can then use this for styling. It can be above or below the bike on smaller screens, which would you prefer?

#2, try adding this custom css:

.page-id-6919 .x-content-band {
	margin-left: 50px;
	margin-right: 50px;
}

Thank you!

[Shleezy]

Hi Jack,
#2 works perfect now. thanks!

#1 I have never used cornerstone. does it come with x-theme? Do I have it installed?
Sorry for being such a newbie.

Thanks

[Christian]

Cornerstone is a new page builder and in X, it replaced X Shortcodes. You will need to install it if you’ll update X since version compatibility is critical. Before you update, please backup your site. Please see the instructions on updating at https://community.theme.co/kb/updating-your-theme-and-plugins/

Thanks.

[Shleezy]

Thank you so much for your help.The support you offer is great.
Best
Maciej

[Lely]

You’re welcome Maciej!

Always,
X

[Rupok]

You are welcome Maciej!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts