Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 13, 2014 at 4:44 am #236665
    Walrus11

    Hi guys!

    1 – I would like to increase the spacing between lines for the various text styles such as H1, H2, H3 etc.

    2 – I tried to use this code to adjust the size of the text for TABS. The one for the content works fine, but not the text size for the tab itself.

    js.active .tab { font-size: 18px; }
    }

    .active_tab_content .tab_inner_content { color: ; font-size: 14px; }
    }

    3 – Portfolio Sub-Filtering, I read this post: https://kriesi.at/support/topic/advanced-filtering-for-portfolio-items/, and tried the plugin, but still can’t get it to work correctly. Any ideas? Example:

    Year (main)
    – 2013 (Sub)
    – 2013 (Sub)
    – 2014 (Sub)

    4 – I’d like to increase the size of the white space around the portfolio filters, while still keeping the text in the center.

    I’d much appreciate any input / direction!

    Thanks!
    W

    March 13, 2014 at 4:47 am #236666
    Walrus11
    This reply has been marked as private.
    March 14, 2014 at 4:09 am #237361
    Ismael

    Hey!

    1.) Please use this on Quick CSS or custom.css:

    h3 {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 8px;
}

    2.) Use this for the tab title:

    .js_active .tab {
font-size: 15px;
}

    3.) Like the Devin and Dude said, it is not possible to have an advance filtering for the portfolio entries without major modification. You can hire a freelance developer to modify the category sort function.

    4.) Please use this:

    .inner_sort_button span {
padding: 0 10px;
}

    Cheers!
    Ismael

    March 14, 2014 at 5:58 am #237394
    Walrus11

    Thanks Ismael

    1) Worked! thanks!

    2) I tried this, it didn’t work

    This is what it looks like”

    @media only screen and (max-width: 1000px) {
    .avia-caption {display: none !important;}

    .avia-caption-title {
    font-size: 14px; line-height: 14px;
    }
    }

    .header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }
    }
    }

    .js_active .tab {
    font-size: 15px;
    }

    .active_tab_content .tab_inner_content { color: ; font-size: 14px; }
    }
    ”

    3) OK

    4) I meant the white space in the vertical direction, any input?

    Cheers!
    W

    March 17, 2014 at 12:14 am #238425
    Walrus11

    Hi Support Team,

    I’m looking for some additional guidance for #2 & #4.

    Cheers,
    W

    March 17, 2014 at 9:43 am #238557
    Ismael

    Hi!

    2.) Please use this for the tab title:

    .js_active .tab {
font-size: 20px !important;
}

    4.) Use this instead:

    .av-masonry-sort {
padding: 30px;
}

    Cheers!
    Ismael

    March 17, 2014 at 3:19 pm #238735
    Walrus11

    #2 is still not working (#4 worked, thanks!). Here is what I have written in the quick CSS:

    @media only screen and (max-width: 1000px) {
    .avia-caption {display: none !important;}

    .avia-caption-title {
    font-size: 14px; line-height: 14px;
    }
    }

    .header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }
    }
    }

    .js_active .tab {
    font-size: 20px !important;
    }

    .active_tab_content .tab_inner_content { color: ; font-size: 14px; }
    }

    .toggler {
    font-size: 14px;
    }

    .toggle_content {
    font-size: 12px;
    }

    #mc_embed_signup .clear {
    display: block;
    visibility: visible;
    height: auto;
    width: auto;
    }

    h3 {
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 8px;
    }

    .inner_sort_button span {
    padding: 0 10px;
    }

    #footer #text-8 .av_font_icon {
    margin-right: 20px;
    }

    .av-masonry-sort {
    padding: 40px;
    }

    ! Any issues with the placement?

    March 18, 2014 at 6:20 pm #239495
    Yigit

    Hey!

    There are some missing curly brackets in your code. Please switch it with following one

    @media only screen and (max-width: 1000px) {
.avia-caption {display: none !important; }

.avia-caption-title {
font-size: 14px; line-height: 14px;
}
}

.header_color .main_menu ul:first-child > li > a { color: ; font-size: 15px; }

}

.js_active .tab {
font-size: 20px;
}

.active_tab_content .tab_inner_content { font-size: 14px; }


.toggler {
font-size: 14px;
}

.toggle_content {
font-size: 12px;
}

#mc_embed_signup .clear {
display: block;
visibility: visible;
height: auto;
width: auto;
}

h3 {
font-size: 20px;
line-height: 1.5em;
margin-bottom: 8px;
}

.inner_sort_button span {
padding: 0 10px;
}

#footer #text-8 .av_font_icon {
margin-right: 20px;
}

.av-masonry-sort {
padding: 40px;
}

    Cheers!
    Yigit

    March 18, 2014 at 8:03 pm #239597
    Walrus11
    This reply has been marked as private.
    March 18, 2014 at 9:58 pm #239630
    Yigit

    Hey!

    It does work fine now. Please flush your browsers cache and take a look again.

    Regards,
    Yigit

    March 18, 2014 at 10:04 pm #239640
    Walrus11

    Hi Yigit,

    Problem solved! Thank you!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold – Styling Options’ is closed to new replies.