Need help to center two rows

[Frankytank]

Hi,

On my page I have two rows.
The first one have bouton_action class into it and a text block that link to another webpage.
The second one have a testimonial slider and some html.

They actually look like my first Screen shot.
If I try to center the testimonial and html, it will look like my second screenshot.

The two rows interact with each other and I have trouble to make it look right….

I had to put the second widget in a row too because if I just add a widget element it interact with the long clickable action bouton..

Is it normal?

Attachments:

You must be logged in to view attached files.

[Frankytank]

Hi,

Same kind of problem here (end of page) http://kinesante.ca/clinique/

I think I don’t have the right way to add this kind of linkable bar…

[Rui Guerreiro – SUPPORT]

Hi,

It seems that it’s something related to the minify plugin.
Can you do a quick test by disabling all plugins, clear the cache and try again?

If doesn’t work, will need admin credentials to look it further.

-Rui

[Frankytank]

Hi,

Yeah I think I will need you to look at it,

Even with everything disabled it still do the same thing.

Do I give credentials trough a private reply?

Thanks

[Kyle – SUPPORT]

Yes please

– Kyle

[Frankytank]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Couldn’t figure out this one .Instead of the shortcode you are using or the button can you give a try on the page builder Impact Text asset instead?

If it doesn’t work will forward to our head developer.
Thanks or enjoying the theme

-Rui

[Frankytank]

Hi Rui!

I’ve been trying to replicate the action bar at the end of this page :http://kinesante.ca/chaise/ with the impact text, I get this result : http://kinesante.ca/service-v2/.

When I try to put an arrow using the impact text feature it dosen’t appear, and adding a button looking like an arrow put a big button with text, not an arrow only button.

I would like to make a bar like the one on your demo http://dante.swiftideas.com/shortcodes/iconography/ in the middle of the screen in my colors (I have already have a blue background) 🙂

Do you think you could help me with a css or something like this?

[Kyle – SUPPORT]

Hi

You haven’t set a link on the impact text asset, that’s why there is no arrow.

To create the icon boxes just use the icon box shortcode, it will use your accent colour or the icons

– Kyle

[Frankytank]

Hi Kyle

Thanks for the answer.

Now I understant how it work. But..

http://kinesante.ca/service-v2/

Try to find the arrow on the right… is there a way to make it appear white all the time instead as the background color?
And is there a way to make the whole text linkable without making it look like my link color as I setupped it in my theme optons?

The call to action with an arrow dosen’t really work as an easy click trough place right now..

Many thanks for your help, I really appreaciate it!

[Kyle – SUPPORT]

Add this to your custom css:

.impact-text-wrap .impact-text-arrow i {
  color: #fff;
}

– Kyle

[Frankytank]

Hi Kyle,

Thanks, we’re getting closer…

I have different impact text like this on different pages.

How could we work the arrow so it is just after the text? ANd lower?

I think it would be a custom css with padding that I could adjust in each individual impact text?

Thanks

[Rui Guerreiro – SUPPORT]

Hi,

It’s a bit complicated but try this one

.impact-text-arrow {
  margin-left: -130px!important;
  top: 35%!important;
  margin-top: inherit!important;
}

-Rui

[Frankytank]

Hi Rui,

I’ve put the code in the Extra Class name field into the impact text module, the arrow is white witch is nice, but I cannot work with the pixels count or the 25% to adjust the arrow position.

Do you think it is possible or I sould forget it?

[Nishant – SUPPORT]

No need to forget, when we are here to support. 🙂 Checking this for you.