Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #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.

    #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!

    #91146

    Alex
    Participant

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

    #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. 🙂

    #91151

    Alex
    Participant

    Thanks! I will try that.

    #91152

    Christian
    Moderator

    You’re welcome.

    #91153

    Alex
    Participant

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

    #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.

    #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?

    #91157

    Christian
    Moderator

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

    Thanks.

    #91159

    Alex
    Participant
    #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.

    #91162

    Alex
    Participant

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

    #91163

    Alex
    Participant

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

    #91168

    Christian
    Moderator

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

    Thanks.