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

  • Avatar: jnunoalves
    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.
    11 Answers
    Avatar: Eva
    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.

    Avatar: jnunoalves
    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é

    Avatar: Robert Hall
    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.

    Avatar: jnunoalves
    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é

    Avatar: Eva
    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.

    Avatar: jnunoalves
    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é

    Avatar: Eva
    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.

    Avatar: jnunoalves
    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é

    Avatar: Eva
    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.

    Avatar: jnunoalves
    jnunoalves
    Participant
    March 9, 2015 at 01:17

    It’s perfect.

    Thanks, once again!

    You can close this one.

    Avatar: Eva
    Eva Kemp
    Participant
    March 9, 2015 at 11:54

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Visual Composer align objects’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.