[Nick PParticipant]

Hello – I have a few issues that I cannot sort out.

1. Center text vertically in a column.
How would you recommend doing this. I have a two column row set up. The image is bigger in height than the text in its adjacent column. I would like to center the text vertically in the column (so it’s always centered with the image next to it – no matter the image size do to the responsiveness).

2. Center image in column
I have read the forums and tried several of the suggestion for centering the image element in a column. It does not seem to work.

I tried the margin: 0 auto;

I have also tried the “center-text” class.

Neither centers the image within the column.

3. Rev Slider arrows
Does the X theme replace the rev slider arrows? I used Rev Slider with a different theme before I installed X. When I installed X – the arrows on the slider changed – and I cannot seem to find where they are located. Can you point me in the path direction of their location? I would like to change how they look.

Thank you in advance. I absolutely love the theme.

[Neil GParticipant]

eager to see the solution for (2) as I am having the same issue

[Neil GParticipant]

checkout this link for solution to (2)
http://theme.co/x/member/forums/topic/centering-an-image-in-with-multiple-columns/

[ChristianModerator]

Thanks for chiming in Neil.

Nick,

For #1, please try this http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/. There is no option for that in X.

For #2, please try the what Neil suggested.

For #3, if you want to use Font Awesome, please use the CSS

.tp-leftarrow:before {
content: "\f190";
}
.tp-rightarrow:before {
content: "\f061";
}

Icon Reference: http://fortawesome.github.io/Font-Awesome/icons/

If you don’t know yet “\f061” is what is called Unicode. You can find it in Font Awesome’s website.

If you want to use an icon, please use

.tp-leftarrow:before {
content: url(path-to-icon.png);
}
.tp-rightarrow:before {
content: url(path-to-icon.png);
}

Hope that helps. 🙂

[Nick PParticipant]

Hello,

Regarding solution for #1 – it’s not working.

However, I noticed in your website for Integrity 01 – it seems like you were able to accomplish this. I tried to import the code for Integrity 01 – however, since I updated Visual Composer plugin – the downloadable code for Integrity 01 is with the old version of Visual Composer – therefore, it’s not working correctly when I enter it on one of my test pages. So, I cannot see how you were able to accomplish this. I would just copy exactly how you guys set it up.

[AlexanderKeymaster]

Hi Nick,

We accomplished that using percentage based margins, and placing gap shortcodes with percentage values:

http://theme.co/x/demo/integrity/1/shortcodes/gap/

So it’s not quite automatically centered vertically, but we got close.

[Nick PParticipant]

It also looks like you may have used responsive text?

[SupportMember]

Yes, there are responsive texts elements but it has nothing to do with the alignment.

[Dustin CParticipant]

I am trying to use Niel’s solution to issue number 2, and it’s telling me I have to upgrade my license?

I am enraged that I can’t center align a simple image element. I have tried everything, and to boot I have two licences for this product and I cant access the one forum with information to help me solve this issue. When you click on the link, it takes you back to theme forest to purchase another license of X theme.

What am I doing wrong?

[ChristopherModerator]

Hi Dustine,

The links is not working for me neither .

Please provide us with URL of a page you have this issue.

Thank you.

[Dustin CParticipant]

Link:

http://theme.co/x/member/forums/topic/centering-an-image-in-with-multiple-columns/

[RadModerator]

Hi there,

That thread’s solution is based on his issue and could be different from yours.

If you’re accessing links through http, then try using https and let us know if you will still get issues accessing forum links.

Then try this thread for alignment https://theme.co/x/member/forums/topic/shortcodes-updates/#post-112880

Cheers

[FriechModerator]

Hi Dustine,

Sorry about this, but that link is still working on our side, maybe a re-login or clear cache would help.
Please provide us your URL, as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation.

Let us know how it goes.

[Author]

Posts