Navigation
Archive / Visual Composer and icons
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • August 23, 2014 at 10:37 pm #91085
    Alex
    Participant

    Hello,

    I’m trying to create my homepage layout using Visual Composer. But you provide no tutorials on that. I need to put some features block with headings, text and icons. And I don’t get how to add icons. However, your theme includes icon font, right?

    Please help me out here.

    August 23, 2014 at 10:42 pm #91086
    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    All shortocodes and visual composer’s element are available from KB (http://theme.co/x/member/kb/). Except icons, you may use icons from here http://theme.co/x/demo/integrity/1/shortcodes/icons/

    Or if you will use icon list or featured headline, then they have their own icon settings that can be found from KB ( http://theme.co/x/member/kb/shortcode-walkthrough-icon-list/, http://theme.co/x/member/kb/shortcode-walkthrough-feature-headline/ )

    You can also use a demo home page from here http://theme.co/x/member/demo-content/ under HOMEPAGES – VISUAL COMPOSER. You may also like to import customizer settings from X CUSTOMIZER SETTINGS section.

    Thanks!

    August 24, 2014 at 1:57 am #91146
    Alex
    Participant

    Thank you! But what if I need to add just icon? How can I control its size?

    August 24, 2014 at 2:09 am #91149
    Christian
    Moderator

    You can change the icon’s size by using CSS font-size property. You can do it like

    [icon type="adjust" style="font-size: 20px"]

    Hope that helps. 🙂

    August 24, 2014 at 2:13 am #91151
    Alex
    Participant

    Thanks! I will try that.

    August 24, 2014 at 2:15 am #91152
    Christian
    Moderator

    You’re welcome.

    August 24, 2014 at 2:20 am #91153
    Alex
    Participant

    And can you please tell me how can I change the color and alignment of the icon?

    August 24, 2014 at 2:24 am #91155
    Christian
    Moderator

    Please add the necessary CSS properties like

    [icon type="adjust" style="font-size: 20px;color: red; text-align: center; margin: 0 auto; display: block;"]

    Thanks.

    August 24, 2014 at 2:24 am #91156
    Alex
    Participant

    And I have a really strange arrangement here: http://take.ms/Zw7tl

    You can see how much blank space is there.

    And I have no code for that space in my editor: http://take.ms/Q2GNw

    How am I to remove it?

    August 24, 2014 at 2:24 am #91157
    Christian
    Moderator

    Please give us the URL of the page so we could see the source code.

    Thanks.

    August 24, 2014 at 2:32 am #91159
    Alex
    Participant

    Here it is: http://demo1.anywebhelp.ru/

    August 24, 2014 at 2:38 am #91160
    Christian
    Moderator

    Please add “mtn” class to your headlines and change the margin: 0 auto in your icon shortcode to

    margin: 0 auto -40px

    Thanks.

    August 24, 2014 at 2:39 am #91162
    Alex
    Participant

    Thanks. But how can I add a class to my headline?

    August 24, 2014 at 2:43 am #91163
    Alex
    Participant

    I managed to do as you said. But there’s still a lot of space: http://take.ms/MXheP

    August 24, 2014 at 2:51 am #91168
    Christian
    Moderator

    You missed the px (see http://prntscr.com/4fwd1s).

    Thanks.

  • Author
    Posts
1 2
  • <script> jQuery(function($){ $("#no-reply-91085 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>