Creating bespoke CSS using Visual Composer

This topic has 9 replies, 3 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: Lily
    Lily
    Participant
    February 17, 2015 at 14:05

    Hi,

    I have created a static block for my ‘pre footer’ footer. But it doesn’t seem to have worked, or more precisely I may have not completed the set up correctly.

    I have created a 6 column Pre footer. And added this to each page, using the widgets and this is all fine.

    now I am looking to style this content using ‘Page Settings’ and ‘extra class name’ in column settings. And i have added the same class to my actaul content settings. Just in case the content needed the css and not the column settings.

    Anyway, either way it appears not to be working.

    http://www.synaxishosting.co.uk/testing/lily/

    What I want to adjust the content, so:

    1) Menus are without borders, are closer together and borders are shown, or remove.

    Can you help?

    Please, contact administrator
    for this information.
    8 Answers
    Avatar: Lily
    Lily
    Participant
    February 17, 2015 at 14:19

    Sorry I should have added that I am looking to

    1) remove borders
    2) remove Arrows
    3) Decrease the space between each link

    Avatar: Eva
    Eva Kemp
    Support staff
    February 17, 2015 at 17:39

    Hello,

    1. Please add this code in custom.css file:

    .prefooter.prefooter-1 .widget_nav_menu ul {
       border: none;
    }
    .widget_nav_menu li a {
       border-top: none !important;
    }

    2. Use this code in custom.css:
    .prefooter.prefooter-1 .widget_nav_menu li:before { display: none; }
    3. Add the following code:

    .prefooter.prefooter-1 .widget_nav_menu li a {
        padding: 5px 20px 0px 50px !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Lily
    Lily
    Participant
    February 17, 2015 at 19:11

    Many thanks this is great.

    Can you confirm that the correct CSS for the ‘About Lily’ header is

    wpb_wrapper

    I have changed the font size of the H2 tag, but I want to make sure I am not changing the font size with other H2 tags.

    Once again many thanks.

    Avatar: Eva
    Eva Kemp
    Support staff
    February 17, 2015 at 23:56

    Hello,

    If you want to edit “About Lily” title in the prefooter section you need do this in Visual Composer text element, because if you use wpb_wrapper you’ll change style for other titles in the prefooter area.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Lily
    Lily
    Participant
    February 18, 2015 at 09:33

    Many thanks for that.

    Avatar: stan
    Stan Russell
    Participant
    February 18, 2015 at 10:11

    Hello,

    are all your questions answered?

    Regards,
    Stan Russell.

    Avatar: Lily
    Lily
    Participant
    February 18, 2015 at 10:21

    YEs thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    February 18, 2015 at 14:02

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Creating bespoke CSS using Visual Composer’' 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.