Viewing 30 results - 17,851 through 17,880 (of 18,745 total)
  • Author
    Search Results
  • #189765

    In reply to: Blog page format

    Hi tomgraziani!

    1.) You need to choose a post format. Edit a post then look for Format. If you want to show a gallery, choose the “Gallery” format.

    2.) What highlighted text? Can you please post a screenshot? Maybe, you’re talking about the quoted text. :)

    3.) You can add this on your custom.css or Quick CSS:

    .entry-content-wrapper .post-title {
    font-size: 15px;
    line-height: 1.3em;
    }

    Regards,
    Ismael

    #189689

    Hi!

    You need to wrap the second line inside a ‘span’ and put it a class so we can target it with CSS and push it:

    [av_font_icon color="" font="entypo-fontello" icon="ue842" size="16px" position="left" link="" linktarget="" alttext=""] <strong>Address:</strong> PO Box 123 <span class='line_2'>Lexington, VA 24450</span>

    .line_2{
    padding-left: 70px;
    display: block;
    }
    

    Result:

    The same would be for the others, just play around padding-left to align them as you want.

    Cheers!
    Josue

    #189625

    Hey Jorge!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .main_menu ul:first-child > li > a { font-size: 18px; color: red!important; background-color: green; }
    .main_menu ul:first-child > li > a:hover { color: orange!important; }
    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: blue!important; }
    

    Best regards,
    Yigit

    #189566

    Hi mar10nlund!

    1) Use following css code

    
    .responsive #top .mobileMenu {
    background-color: #e2e2e2;
    }
    

    2) It’s an image (png) and you can’t change the color without replacing the image. If you want to use a custom image insert following css code into the quick css field

    
    .responsive #top .mobileMenu {
    background-image: url("htttp://mywebsite.com/image.png");
    }
    

    and instead of htttp://mywebsite.com/image.png insert the url to your image.

    3) Use following code to change the color/size

    
    .responsive #top .mobileMenu {
    color: #fff;
    font-size: 10px;
    }
    

    4) You can use Codestyling http://wordpress.org/plugins/codestyling-localization/ to translate the theme. Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).

    Best regards,
    Peter

    #189537

    Hey!

    Please add something like this on style.css:

    @font-face {
    	font-family: 'BebasNeue';
    	src: url(../fonts/BebasNeue.otf);
    	font-weight: bold;
    	font-style: normal;
    }
    
    .iconbox .iconbox_content .iconbox_content_title {
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'BebasNeue', sans-serif;
    }

    Make sure that the BebasNeue.otf file is located on a folder called fonts.

    Cheers!
    Ismael

    #189534
    dcmalk
    Participant

    Hello,
    I bought this theme a couple days ago and still trying to wrap my head around everything. So far, so good… but one design I’m having trouble trying to re-create is a clean Contact Details area in a footer widget. I am trying to make it look similar to this:

    http://oi40.tinypic.com/2qvxri1.jpg

    In other themes, there are glyph classes I would reference. In Enfold, it would seem icon fonts would be the avenue; however, I’m not sure if I’m understanding the proper way to use them. This is what I’ve tried:

    [av_font_icon color="" font="entypo-fontello" icon="ue842" size="16px" position="left" link="" linktarget="" alttext=""] <strong>Address:</strong> PO Box 123 <br />Lexington, VA 24450
    [av_font_icon color="" font="entypo-fontello" icon="ue80a" size="16px" position="left" link="" linktarget="" alttext=""] <strong>Phone:</strong> 800-555-1212
    [av_font_icon color="" font="entypo-fontello" icon="ue805" size="16px" position="left" link="" linktarget="" alttext=""] <strong>Email:</strong> <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>

    The problem with the above is that it doesn’t line up nicely (and doesn’t feel right, lol). Before I spend time writing classes to clean it up, I wanted to check and see if I’m on the right track or if there’s a simpler way to accomplish this. Seeing the icon tabs and other elements containing icons lead me to believe there may be, which is why I wanted to ask here.

    Thanks!
    Damon

    #189487

    In reply to: shortcodes in sidebar

    Hi lisabarfield!

    You don’t need a plugin to have the shortcode work on the sidebar. Create a button on a test post using the shortcode wand. When you are done, go to Appearance > Widgets. Insert a Text widget then copy the button shortcode.

    [av_button label='Click me' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='ue800' font='ue908' custom_class='']

    Regards,
    Ismael

    #189201

    Hey scott22!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired to change the font size of the main menu

    .bottom_nav_header.social_header .main_menu ul:first-child>li a {  font-size: 18px; }

    Which font family would you like to use?
    What type of header are you using?

    Best regards,
    Yigit

    #189196

    Hey Jorge!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .social_bookmarks li a { font-size: 18px; }

    Cheers!
    Yigit

    #189097
    myuption
    Participant

    I’m testing custom styling the theme and I found a strage behavior, I added a font pack to my child theme and code to the custom.css
    CODE:

    @font-face {
    	font-family: 'BebasNeue';
    	src: url('./fonts/BebasNeue-webfont.eot');
    	src: local('☺'), url('./fonts/BebasNeue-webfont.woff') format('woff'), url('./fonts/BebasNeue-webfont.ttf') format('truetype'), url('./fonts/BebasNeue-webfont.svg#webfontQvsv8Mp8') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    h1, h2, h3, h4, h5, h6
    {
    	color: #555;
    	text-transform: uppercase;
    	font-family: BebasNeue, Arial,Verdana,sans-serif;
    	letter-spacing: 0px;
    	font-size: 180%;
    }

    The font is loaded, but the size is a bit strange, all the headings apply the font, but not the resize, so, I have icon boxes with a small font, if you apply letter spacing, icon boxes don’t apply the change,

    Also inside text blocks, h2 is smaller than h4, isn’t it strange, I have not made any more customizations.

    If you change the letter spacing to 10 this happens:

    I also checked this and basically I did the same, no?
    https://kriesi.at/support/topic/add-a-custom-non-google-webfont/

    How can I use the fontface pack?

    How can I increase the h3 font in the icon box, that doesn’t like my custom code to increase the font size on .iconbox_content_title

    Thanks

    • This topic was modified 12 years, 5 months ago by myuption.
    #188628

    Hey Zach!

    Altought Kriesi already made a statement about that, here’s a hint: this is the CSS that make that behavior:

    /*position logo text*/
    #top .subtext{float:left; position: relative;}
    #top .logo img{float:left;}
    .logo, .logo a{overflow: visible;}
    #top .logo-title{  
    transition: 		opacity 0.4s ease-out;
    -moz-transition: 	opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -o-transition: 		opacity 0.4s ease-out;
    font-size: 12px; color: #000; position: absolute; left:7px; top:-7px; opacity: 1; white-space: nowrap; } 
    #top .logo-subtitle{ color: #aaa; top:7px; }
    #top .header-scrolled .logo-title{ opacity: 0; filter: alpha(opacity=0); }

    You’ll also need to alter the HTML of the logo:
    <strong class="logo" style="max-width: 64px; width: auto;"><a href="http://kriesi.at"><img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png" alt="Support | Kriesi.at - Premium WordPress Themes" style="max-width: 64px; width: auto;"><span class="subtext"><strong class="logo-title">Kriesi.at</strong><strong class="logo-title logo-subtitle">Premium Themes</strong></span></a></strong>

    Regards,
    Josue

    #188604
    scott22
    Participant

    Am i doing something wrong, I love this theme but I want to change the font on the menu and increase the size of the header, how do you do this? I have used other themes where it is very easy to do this, please help….thanks

    #188596

    In reply to: Enlarge Body Type

    Figured it out:

    body { font-size: 15px!important; }

    it does work. Sorry!

    #188593

    Topic: Enlarge Body Type

    in forum Enfold
    kaylesimon
    Participant

    Love Kriesi’s work, but his typography is always too small, crowded, difficult to read. And he doesn’t offer anywhere to change it in the style settings. Fortunately, there is CSS, but I’m having trouble doing this seemingly simple thing.

    I want to make the body text larger throughout enfold. I tried this in Quick CSS but it gets overridden.

    body {
    font: 14px/1.65em “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    color: #444;
    }
    I also tried font-size:15px
    That had no affect either. I also tried adding !important to both of them to no avail.

    #188457

    Hey drwooow!

    You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

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

    Regards,
    Yigit

    #188455
    drwooow
    Participant

    Hi,

    I want to make the navigation of the header bigger. The fontsize. How can I do this?

    Greetings

    #188389

    In reply to: Font issue

    Hi
    i am missing the font tab to set size of font.
    look here – http://lavi.suska-plus.co.il/food/wp-content/uploads/font-problems.jpg

    regards,
    Berg

    #188269

    Hi Ismael THX that did the trick.

    The letters in that header meta are now a very weird purple color also the social buttons. What to do about that?

    If feel something is conflicting in my CSS code: Any idea?

    #top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
    #top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

    #top .header_color .main_menu .menu ul li a{
    background-color: #ffffff;
    color: #4787f3;
    font-size: 17px;
    }
    #header_main {
    background: #4787f3;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 17px;
    }
    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .woocommerce .template-shop.content.nine.units {
    width: 100%;
    }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .woocommerce .template-shop.content.nine.units {
    }
    .grid-content {
    height: 70px;
    }
    .woocommerce .sidebar {
    display: none !important;
    }
    .woocommerce .template-shop.content.nine.units {
    width: 1030px;
    border: none;
    }
    .header_color .sub_menu>ul>li>a {
    font-size: 12px;
    color: #0e75bf;
    }
    #top .main_menu .menu a {
    color: white;
    }
    #top .main_menu .menu a:hover {
    color: white;
    }
    .main_menu ul:first-child > li > a {
    font-size: 17px;
    font-weight: 700;
    color: white;
    }

    #footer .widget {
    padding: 30px 0 30px 0 !important;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 100px;
    }

    #top .sidebar_tab_content.sidebar_active_tab_content {
    background-color: #fff;
    color: black;
    }
    #top .sidebar_tab.sidebar_active_tab {
    background-color:#0e75bf;
    color: #fff;
    }
    .slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
    color: #0e75bf;
    }
    .numeric_controls, .arrow_controls {
    position: absolute;
    bottom: 10px;
    }
    #top .ajax_controlls {
    top: 70%;
    }
    #footer .widget_nav_menu li a {
    font-size: 20px;
    }

    #menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
    color: #FFF;
    font-size: 25px;
    }
    #footer .widget_nav_menu li a {
    text-align: center;
    }
    .iconbox_icon {
    background-color: white !important;
    }
    .widget_nav_menu h3.widgettitle {
    text-align: center;
    }
    #top .iconbox {
    width: 100%;
    }
    #top .avia_mega_div {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .avia_mega_div .sub-menu {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .avia_mega_div .menu-item ul {
    background-color: #f5f2f5;
    color: grey;
    }
    #top .main_menu .menu ul li a {
    background-color: #f5f2f5;
    color: white
    }
    .sidebar_tab_title {
    margin-left: 10px !important;
    }
    #js_sort_items a {
    font-size: 19px;
    }
    #top.woocommerce-page .woocommerce-ordering select { width: 25%; }

    @media only screen and (max-width: 767px) {
    #top.woocommerce-page .woocommerce-ordering select {width: auto; }
    }
    .chzn-container {
    position: initial;
    }
    #top .chzn-container .chzn-drop {
    top: 70px !important;
    width: 325px !important;
    margin-left: 3px;
    }
    .woocommerce-pagination {
    display: none;
    }
    #top.tax-product_cat .container > .term-description {
    display: none;
    }
    .added_to_cart {
    display: none;
    }
    .form-row.address-field{
    overflow: visible;
    }
    #top .chzn-single div b {
    background-position: 5px 6px !important;
    }
    div .main_color .active_tab {
    background-color: #0e75bf;
    color: #FFF;
    }
    div .main_color .tabcontainer .active_tab {
    color:#FFF;
    }
    #top .main_color .tabcontainer .tab:hover {
    #FFF:

    }
    .main_menu ul:first-child > li > a {
    padding: 0 5px;

    }
    #top .main_menu ul:first-child > li > a {
    padding: 0 13px;

    }
    .social_header .phone-info { color: orange!important; font-size: 20px!important; }
    .logo img { padding: 20px 0 0 0; }
    .header-scrolled .logo img { padding: 5px 0; }
    #header_meta { background-color: white; }

    #188167
    mayorninja
    Participant

    Hey guys, sorry if this was already pointed out, but the image scaling for the fixed header logo in Firefox 25 is suddenly really poor once the header is resized. It was fine through Firefox 24, but it looks like image-redering: optimizequality is what’s messing it up, so maybe they deprecated that, or it’s a bug. It’s possibly just an issue on OS X, too, since I haven’t checked other platforms. (Edit: Looking at it closer, it actually affects all scaled images, which of course makes sense.)

    I guess while I’m on the subject, I’d also like to point out that FF25 supports -moz-osx-font-smoothing: grayscale, which improves the way icon fonts will render if you apply it to them. It’s very similar to -webkit-font-smoothing: antialiased. Lastly, Firefox will try to apply a faux bold to fonts that have no bold weight instead of ignoring it, and the faux bold search icon in the header has bothered me since v1.0, so if we could get a font-weight: normal on that, I’d appreciate it.

    Alright, thanks!

    • This topic was modified 12 years, 5 months ago by mayorninja.

    Hey!

    Please try following code to change font number

    .social_header .phone-info { color: orange!important; font-size: 20px!important; }

    and following for your logo

    .logo img { padding: 20px 0 0 0; }
    .header-scrolled .logo img { padding: 5px 0; }

    Best regards,
    Yigit

    #187883

    ok – the tab font size is also too small – how to increase?
    Is there a chart you have where we can see which css titles you have given to elements so we can find ourselves and write the css without having to ask you each time?

    #187846

    Hey!

    1) Please add following code to Quick CSS as well to increase the font size of main menu

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

    2) You cannot create a dropdown menu in sidebar but you can create something like http://kriesi.at/themes/enfold/pages/contact/
    You can assign parent page to your sub menu items and it will be created
    3) You can add [nolink] in Enfold theme options > Footer > Copyright section to remove “Enfold Theme by Kriesi”
    4)

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none; }

    5) Please post the link to your page where you have Dropcaps
    6) This code here should increase the font in content

    body { font-size: 16px!important; }
    
    Regards, 
    Yigit
    #187803

    Thanks!
    We would like to alter all sizes and type possibilities, especially where the typography only allows UPPER CASE letters.
    We would like the main menu larger to begin – this is too small for viewers over 40 years.

    Could you also please inform us how to set up a side menu – identical to the drop down menu under the main menu.
    We assume that this is possible – yes?

    Thanks for the reply
    : )

    #187791

    Hey!

    Please point out the elements you would like to increase font-size so we can provide you custom css code that you can add to Quick CSS in Enfold theme options under Styling tab, such as

    p { font-size: 16px; }

    Best regards,
    Yigit

    #187781

    Thanks!
    But we would like to change the sizes!
    this are much too small for the new generation websites where minimum size is at 16pt.
    Is this possible at all?

    Do we have to go into the child theme and write an entirely new css for this?
    or is there some possibility to tweak?
    We understood before purchase that the ability to work with the typography is possible.

    Thanks!
    Best regards,

    dara emerson

    #187757

    Topic: Font issue

    in forum Enfold
    bergzohar
    Participant

    Hi,
    I bought Enfold theme and i can not control the font size and type.
    Why is that?

    Thanks,
    Berg

    #187744

    In reply to: Tweaking the header

    Hi!

    1) Please go to wp-content\themes\enfold\js folder and open avia.js file and find

    el_height       = $(elements).filter(':first').height(),

    and change it to

    el_height       = 120,

    120 here represents 120pixels. Then add following code to Quick CSS in Enfold theme options under Styling tab

    .fixed_header #main { padding-top: 120px; }

    2) In WordPress dashboard, go to Appearance > Editor and open Header.php file and find

    wp_nav_menu($args);
                                echo '</nav>';

    and add following line right under it

    echo "<div class='phoneno'>tel</div>";

    then add following code to Quick CSS in Enfold theme options under Styling tab

    .phoneno {
    float: right;
    font-size: 20px;
    margin-top: -25px;
    }

    Cheers!
    Yigit

    #187611

    Hi heufti65!

    Please switch your theme to debug mode. Edit function.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    //set builder mode to debug
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    {
    return "debug";
    }

    You will be able to see the actual shortcode below the builder. Shortcodes can be combine then, like this example. A combination of Promobox shortcode plus the Button shortcode:

    [av_promobox button='yes' label='Click me' link='single' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']
    Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!
    [av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']
    [/av_promobox]

    Note that you can’t use the Default Editor and the Advance Layout Builder simultaneously.

    Best regards,
    Ismael

    #187463

    Hey!

    You can pick the colors directly to prevent the button from inheriting that content sections overall style. Eg:

    
    [av_button label='Click me' link='manually,http://google.com' link_target='' color='custom' custom_bg='#81d742' custom_font='#b100ed' size='medium' position='center' icon_select='yes' icon='ue83d' font='entypo-fontello']

    Best regards,
    Devin

    DaraEmerson
    Participant

    in the Enfold Child Theme Options> STYLING
    We have: General, Header, Main Content, Alternate Content, Footer, Socket
    We do not have: Fonts, Background!

    Why is this?

    where can we adjust sizes etc… of fonts?
    how can we adjust the background

    your documentation needs work!

    • This topic was modified 12 years, 5 months ago by DaraEmerson.
Viewing 30 results - 17,851 through 17,880 (of 18,745 total)