Viewing 30 results - 12,811 through 12,840 (of 18,738 total)
  • Author
    Search Results
  • #517728

    Hey!

    will be quite difficult to controlling every single element of your layerslider.
    Try this for the portrait image:

    @media only screen and (max-width: 767px) {
    img.ls-l.ls-preloaded {
    min-height: 150px !important;
    }}
    

    This for title font:

    @media only screen and (max-width: 767px) {
    h2.ls-l {
    font-size: 14px !important;
    }}
    

    And this for subtitle:

    @media only screen and (max-width: 767px) { 
    h5.ls-l {
    font-size: 9px !important;
    margin-top: 5px !important;
    }}
    

    Best regards,
    Andy

    #517612
    denisesl23
    Participant

    Hey there,

    I’ve searched through the forums and found multiple quick CSS codes for changing the main menu font colour, size and font type. All of these codes worked as long as the logo was to the left or right of the navigation bar but only the change of colour, font type and weight work while I have the logo directly above the navigation menu.

    For some reason, no matter what quick CSS I use, I can’t change the size of the font in my menu bar as long as the logo is placed directly above.

    For example, I currently have the font size set to 15px, but it’s only showing at about 7px.

    #517436

    Hi hackoffseries!

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

    .gform_body label {
        font-size: 16px!important;
    }

    Regards,
    Yigit

    #517435
    Sunique
    Participant

    Hi,

    I have TWO issues with the enfold editor.

    1) While entering/creating a page, blog etc. the enfold layout builder is just loading and loading and loading….
    The only work around is to click “default editor” and then click “Enfold layout builder”. After this is done, the enfold layout builder works fine. But what do I need to do to let the enfold layout builder work right away?

    2) The fonts and sizes of the text composer in the enfold visual layout builder doesn’t match the outcome.
    The font in the composer looks like Cambria but the outcome is set to be Open Sans.
    The same goes with font spacing, margins etc. so I can never tell from the composer what the outcome will be, I have to visit the page after every single update and it anoys the crap out of me!

    Please advise! :)

    Regards
    Jimmy

    #517372

    Hi!

    Please change your code to following one

    h1{
    font-size: 124pt !important;
    }

    Regards,
    Yigit

    #517312

    Thank for the help, I works great for me, but now how can I change the font size?

    I tried to add

    .h1{
    font-size: 124pt !important;
    }

    to te custom css, but it doesn’t work.

    thanks

    #517287

    In reply to: Text cut on on mobile

    Hi,

    Looks like the header is too big to fit on page, please try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
    .page-id-451 #av_section_1 .av-special-heading-tag {
    font-size:48px !important;
    }
    }

    You might need to decrease the value 48 even further to get it to fit.

    Thanks,
    Rikard

    #517265

    In reply to: View on mobile devices

    Hi!

    die padding Abstände kannst du hiermit kontrollieren:

    @media only screen and (max-width: 1024px) {
    .template-page.content.av-content-full.alpha.units {
    padding-top: 36px;
    padding-bottom: 5px;
    }}
    

    Den Textblock hiermit:

    .avia_textblock p {
    font-size: 24px;
    }
    

    Für deine Bilder nutze diesen Code:

    @media only screen and (max-width: 1024px) {
    .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry {
    width: 75% !important;
    }}
    

    und passe gegebenenfalls die Werte noch an.

    Gruß,
    Andy

    #517204

    Hi!

    You can add this in the functions.php file:

    
    function add_custom_script(){
    ?>
    <script>
    jQuery(document).ready(function(){
    var title = jQuery('.star-rating').attr('title');
    jQuery('.star-rating').append(title);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    Or try this in the Quick CSS field:

    .entry-summary .woocommerce-product-rating .star-rating:before {
        content: attr(title);
        position: absolute;
        width: 200px;
        display: block;
        bottom: -20px;
        font-size: 12px;
    }

    Regards,
    Ismael

    #517175
    Archie
    Participant

    Hey guys

    Can you help me with the CSS code to make the section titles font size bigger? The default size is too small and not very visible on mobile layout.

    Here’s what I mean

    section title font size

    #517124

    Hey elliotstiller!

    Thank you for using Enfold.

    Could you please provide a screenshot of the issue? Use imgur or dropbox. A link to the actual page with the issue will help. You can change the font size of the text elements in the Enfold > Advanced Styling panel or via Quick CSS field.

    Regards,
    Ismael

    Hi Austin1988!

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

    Have you tried that code and it did not worked out?

    Cheers!
    Basilis

    I was able to accomplish what I needed by simply increasing the max-width to 2000px as shown below.

    /*Increases the size of the search icon in header area*/
    @media only screen and (max-width: 2000px) {
    #menu-item-search a {
    font-size: 22px !important;
    }
    }

    You can close out this ticket. Thanks!

    #516899

    In reply to: Text Widgets font size

    Thanks Elliott, that work.
    But, now I try to justify the text, I try with this :
    <span style = "text-align: justify; font-size: 14px !important;">
    but something it’s not good. Probably my syntax ?

    I also use a menu a Custom menu widget in the same sidebar, Is it possible to increase the font size too ?

    Austin1988
    Participant

    Dear Kreisi

    I want to change the size of the social icons and the telephone number in the top part of my header for the following web site

    http://www.luxuryholidayvillasinitaly.com/

    i know nothing about editing css code and im using your child theme

    ive found this in the Appearance/editor section of wordpress

    /*
    Theme Name: Enfold Child
    Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
    Version: 1.0
    Author: Kriesi
    Author URI: http://kriesi.at
    Template: enfold
    */

    /*Add your own styles here:*/

    I also found this in the support forum and tried it but no success

    November 8, 2013 at 3:05 pm #186142
    In reply to: Telephone number bigger in Enfold Header with Social Icons FIxed Navigation

    Yigit
    Moderator
    Hey theroyds!

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

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

    thanks for help

    #516827

    In reply to: Text Widgets font size

    Hey AlainTernet!

    Surround the text with this.

    <span style = "font-size: 16px !important;">
    
    </span>

    Cheers!
    Elliott

    #516735

    Topic: Text Widgets font size

    in forum Enfold
    AlainTernet
    Participant

    Is there a way not too complicated to increase the text size in a “Text Widgets” included in a sidebar ?
    (I would like to increase its font size of 1 or 2 pixels)
    Thanks,

    #516709
    elliotstiller
    Participant

    If I do nothing, the font remains a small size, in two places
    a. The right sidebar
    b. The last 3 articles of the left sidebar

    When I try to change the font size of the right sidebar,
    a. the right sidebar deletes
    b. AND the last 3 articles of the left sidebar transforms to the font size i specified, upgraded from previous small size
    This is odd, because I changed the font size of the right sidebar then the left sidebar got affected!

    A fix is needed, with this bug that stops my forward movement.
    Enter, experience, fix please

    #516440

    In reply to: mobile menu centred

    Hi Carlos!

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

    #mobile-advanced a, #mobile-advanced .mega_menu_title { font-size: 20px; text-align: center; }

    Best regards,
    Yigit

    #516273

    Hi Ismael,

    Thanks a lot for trying.
    Yes, this is happening on other pages as well.

    But I’ve just noticed something.
    If I change the “Padding Bottom” on the exiting Special Headings to 0 – the issue doesn’t occur.

    It might be the Quick CSS thats interfering.
    In the Quick CSS we have the following:

    h1 { font-size: 22px;
    margin-bottom: 8px;
    }

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

    .logo img {
    padding: 10px;
    }
    {.newsbox .news-thumb, .newsbox .news-time}

    What do u think of this?
    Again – thanks for your help!

    #516243

    .sorry but for step TWO now i forgot the most important: USE a dot at the styling definition:

     .myfont { 
        font-family: 'MYFONTFAMILY'; 
        font-size: 48px; 
        line-height: 57px; 
        letter-spacing: 0px;
        color: #373737 !important;
        text-align: center;
        text-transform: none !important;
        font-weight: normal !important;
        }

    Greetings
    michael

    Hey!

    The OP should be notified via email. If you can open a new thread and provide a screenshot of the modifications that you like to do, we’ll try our best to help. This is Kriesi’s css modification in the sort container:

    #top .sort_width_container {
        background: transparent url(/wp-content/themes/kriesi/images/small-banner1.jpg) top center no-repeat;
        width: 146%;
        left: -23%;
        margin-top: -50px;
        padding: 35px 50px 15px 50px;
    }
    
    .sort_by_cat {
        width: 90%;
        display: table;
        height: 120px;
        table-layout: fixed;
        margin: 0 auto;
        max-width: 800px;
    }
    
    #top .sort_by_cat a {
        display: table-cell;
        float: none;
        vertical-align: top;
        text-align: center;
        position: relative;
    }
    
    #top .av-cat-count {
        position: relative;
        display: block;
        height: 60px;
        width: 60px;
        line-height: 57px;
        display: block;
        border-radius: 100px;
        text-align: center;
        margin: 0 auto;
        font-size: 13px;
        font-weight: bold;
        background-color: transparent;
        background-color: rgba(255, 255, 255, 0.2);
        border: 2px solid #FFF;
        color: #FFF;
    }

    You might need to modify the portfolio.php file for the category count.

    Cheers!
    Ismael

    #516197

    Hi Josue !!

    I’m getting crazy !!! THIS WORKS…a single DOT consumed me 4 or more hours !!!!

    For all others also want to use own additional styles also in TinyMce advanced I want to share the proceduere, to save the time for other users.

    1) Define the fonts with font-face.
    Follow this easy steps:
    http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/

    2) define your own, not heading, fonts with

     myfont { 
        font-family: 'MYFONTFAMILY'; 
        font-size: 48px; 
        line-height: 57px; 
        letter-spacing: 0px;
        color: #373737 !important;
        text-align: center;
        text-transform: none !important;
        font-weight: normal !important;
        }

    .

    3) Install Plugin TinyMce advanced profesional Styles and define the fonts with your name as seen in the screenshot:
    http://pasteboard.co/1eVO6dx1.png

    4) Then you get in TinyMce at Formats the styles as defined:
    http://pasteboard.co/1eVWGBlc.png

    5) use the styles :-)

    Hint: You won’t see the styles in the editor, but you can check in the HTML code:
    http://pasteboard.co/1eW1Xxes.png
    <p><br /><span class="fs1">FS1</span><br /><br /><span class="fs2">FS2</span><br /><br /><span class="fs3">FS3</span><br /><br /><span class="fs4">FS4</span><br /><br /><span class="fs5">FS5</span><br /><br /><span class="fs6">FS6</span><br /><br /><span class="fs7">FS7</span><br /><br /><span class="fs8">FS8</span></p>

    Afterwards the new fonts should be seen like in this example:
    http://pasteboard.co/1eWaau9U.png

    Have luck and thanks for great support from ENFOLD !!

    Greetings
    Michael

    #516163

    In reply to: Help with my design

    Hi,

    Try the following CSS in Quick CSS:

    1.

    #header_main_alternate {
    background-color:#296750 !important;
    }

    2.

    .page-id-47 .form_element .button {
    font-family: arial, verdana !important; 
    }

    3.

    .sidebar #nav_menu-2 {
    font-size:16px !important;
    }

    Thanks,
    Rikard

    #516032

    Hi!

    Add this to your custom CSS.

    #js_sort_items {
        left: 50% !important;
        transform: translateX(-50%);
        display: inline-block;
    }
    #js_sort_items a { font-size: 16px !important; }
    

    Cheers!
    Elliott

    #516010
    michaelfess
    Participant

    Hey there.

    I love the portfolio grid sorting function. The text is just really small and I feel like people may miss out on this helpful function. How do I increase this font to day 14 or 16pt. Any help would be greatly appreciated.

    #515921

    Hey webblove!

    Add this to your custom CSS.

    .avia-content-slider .slide-entry-title { font-size: 2em !important; }
    

    Best regards,
    Elliott

    #515827
    webblove
    Participant

    How do change the size of the font for H1 and body font on my blog page where all the blogs are featured? Right now they are a bit small

    #515717

    Hi Josue,
    thanks for your reply. This just have tried.

    The Problem is, that with span it doesn’t work.

    I show you:

    [av_textblock size='' font_color='' color='' custom_class='fs3']
    <p class="fb1">neuer text</p>
    <p>nur p text</p>
    <fs1>fs1 rwyr</fs1>
    <fs2>fs2 rwyr</fs2>
    <span class="fs7">SPAN FS7</span>
    <span class="fs1">SPAN FS1</span>
    
    <span class="fs3">sdfsdfsdfsdf </span>sdfsdfsdfsdf
    [/av_textblock]
    
    [av_textblock size='' font_color='' color='' custom_class='']
    <fs3">SADSDdsaADFAFD
    
    <fs5">sdfsdfsdfsdf
    sdfsdfsdfsdf
    [/av_textblock]

    That’s the result:

    http://pasteboard.co/1dGzqH6R.png

    URL
    http://madlener.wom.server49.vorschauseite.eu/tinymce/

    It’s also strange that the custom CSS class from ALB doesn’t work as well. Or do I have do define the class in an other way?

        fs1 { 
        font-family: 'freightsans_lightregular'; 
        font-size: 48px; 
        line-height: 57px; 
        letter-spacing: 0px;
        color: #373737 !important;
        text-align: center;
        text-transform: none !important;
        font-weight: normal !important;
        }

    Thanks for your help !
    Greetings
    Michael

    #515660

    Hey!

    hm I thought they could tell you a good way how to handle text on layerslider for different devices, as they know their plugin best. However, you can try setting that Layer an ID and then with some Quick CSS, for example:

    #YourLayerID {
    font-size: 22px !important;
    }
    

    I still recommend to use images instead of text though, because you will have a tough time to make it fully responsive on layerslider.

    Cheers!
    Andy

Viewing 30 results - 12,811 through 12,840 (of 18,738 total)