Return to previous page

Visual Composer align objects - by jnunoalves

This topic has 12 replies, 3 voices, and was last updated 10 years, 9 months ago ago by Eva Kemp

jnunoalves

Participant

March 4, 2015 at 13:15

Hello,

Just a quick question… is there any simple way (like an extra class) to align objects in the center? From what I view we have to go to margins and add a certain value of px.

I’m kind of newbie in webdesign.. I’ve “Stolen” the follow us pre-footer and created two other pre-footer sections. Maybe because of the size of the icons, the text is not centered vertically across the three areas. Can you help me? Below my credentials

Please, contact administrator
for this information.

#47243 Copied Theme version: 2.6.2 WooCommerce version: 2.3.5

11 Answers

Eva Kemp

Participant

March 4, 2015 at 15:35

Hello,

Could you please show a screenshot what text you want to center?

Thank you.
Regards,
Eva Kemp.

#47302 Copied

jnunoalves

Participant

March 4, 2015 at 16:22

If you go to http://lingerienoir.com/advantages you have the main banner that now i tried to center with 40px in the VC margun definition.
Below you have an image made in europe that i’d like to center.

This is just one case, but I’d like a general solution like an extra class or so…

Tks

José

#47326 Copied
Robert Hall

Participant

March 4, 2015 at 16:37
Hello,

Please try to add this code into custom.css file.

.banner.align-center{ position: relative; left: 50%; margin-left: -110px; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#47328 Copied
jnunoalves

Participant

March 5, 2015 at 02:30

Hello,

The css worked. Sorry for my lack of knowledge, but this by default to all banners from now on or do I have to specify anything somewhere?

Can you help me with the pre-footer issue that I mentioned in the original post?
Last one for now, I’ve installed WPML and Currecy Switcher. All fine, but I would like to apply the same format to the currency switcher as the other objects in the top bar (Font attributes and no borders). Can you help me?

Tks in advance

José

#47469 Copied
Eva Kemp

Participant

March 5, 2015 at 19:56
Hello,

The code should work for all banners.
Please add this code in custom.css for prefooter text:

.custom-info-block { padding-top: 15px !important; }

Concerning currency, please use this code in custom.css:

ul.wcml_currency_switcher li { border: none; color: #8E8E8E; font-family: lato; } .top-bar .languages-area { line-height: 20px; }

Thank you.
Regards,
Eva Kemp.
#47682 Copied
jnunoalves

Participant

March 6, 2015 at 17:01

Hello Eva,

The currency switcher worked fine, but the pre-footer didn’t work.

I replace what you had given to me with this:
.custom-info-block {
font-size: 16px !important;
}

It got better but still not perfect. I think I would need to reduce the size of the icons in the follows us part. How can it be done?

Regarding the currency switcher, I have a functional question. I’ve installed WPML and I’m using its currency switcher but we are going to launch the site in English only and it limits the use of the currency switcher.

We would like that the site would recognize the user’s location and would switch to its local currency or to one default currency. With WPML as we are going to have only one language (for now), the switcher won’t work automatically, only when user will manually switch the currency. There is another plugin from woocommerce (paid one) but the switcher looks ugly. Do you know any way to achieve this? Probably some other users had the same kind of issue no? What is the best way to move on?

Tks in advance

José

#47975 Copied
Eva Kemp

Participant

March 6, 2015 at 17:10
Hello,

Sorry, but your query concerning currency requires additional customization. In this case you have to contact some web-developers.
To change icons size in pre-footer you need use this code in custom.css file:

.custom-info-block a i { font-size: 20px !important; }

Regards,
Eva Kemp.
#47979 Copied
jnunoalves

Participant

March 7, 2015 at 17:45

Hello,

OK, thank you for the information. I think we can live as it is for now.

Regarding the pre-footer it’s perfect now, thanks.

One last question, how can I change the background color of the message “the product name was successfully added to your cart.” in the single item page?

Thank you

José

#48107 Copied
Eva Kemp

Participant

March 7, 2015 at 19:59
Hello,

Please add this code in custom.css file:

.single-product .woocommerce-message { background-color: #98C391 !important; }

Change color value to yours.

Thank you.
Regards,
Eva Kemp.
#48151 Copied
jnunoalves

Participant

March 9, 2015 at 01:17

It’s perfect.

Thanks, once again!

You can close this one.

#48245 Copied

Eva Kemp

Participant

March 9, 2015 at 11:54

Hello,

You’re welcome.

Regards,
Eva Kemp.

#48275 Copied
Viewing 12 results - 1 through 12 (of 12 total)