Viewing 30 results - 17,221 through 17,250 (of 18,745 total)
  • Author
    Search Results
  • #222249
    ajakus
    Participant

    Hi,

    I’m using enfold theme with WPML basic version in two languages.
    I’ve wanted to resize font in main menu so I pasted this in Quick css box in main language version:

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

    Now when I’m log in and I update content in second version, everything seems be correct. But after log out new changes on the second language version are not visible

    Can you help me resolve that problem, please.

    Artur

    #222223

    Hi!

    Please edit the slides then go to each layer’s Attribute panel. Add a unique css class selector for the title and captions. Add “layer-slider-title” for the title and “layer-slider-caption” for the captions. Use media queries on Quick CSS to specify the font size on mobile devices:

    @media only screen and (max-width: 1300px) {
    .layer-slider-caption {
    font-size: 18px !important;
    line-height: 18px !important;
    }
    
    layer-slider-title {
    font-size: 25px !important;
    line-height: 25px !important;
    }
    }

    Regards,
    Ismael

    #222169

    Is it possbile to put the Font-Resizer behind the Search Item? I do not want to create an extra row for it….

    #222042
    dsauce
    Participant

    Hi,

    I’m new to CSS and have a couple of things I’d like to change.

    I have tried many times to change the color of the header text in my footer and it doesn’t change. Under styling options for footer the color I want shows, but not on the footer. Is there any quick css I can add to change color?

    The header text is always in caps, which is ok, but if I want to change, how and where would I change. Is there quick CSS for changing case and font size?

    I’m talking about the following sections in footer: Business Hours, Mailing list and map

    http://myotechnology.com

    I thank you in advance!

    #221974
    This reply has been marked as private.
    #221960

    Hi!

    Seems like you have already moved it under the social icons. You can add following code to Quick CSS to increase the font size

    .social_header .phone-info { font-size: 15px; }

    Cheers!
    Yigit

    #221957
    This reply has been marked as private.
    #221954

    Hi wss310!

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

    .entry-content-wrapper div li { font-size: 14px; }

    Best regards,
    Yigit

    #221951

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
    1- Do you mind creating a temporary admin login and posting here privately?
    2-

    #top h2 a {
    font-size: 46px;
    }

    3-

    .page-id-3402 .shareaholic-canvas { display: none; }

    4-

    #top .flex_column .template-blog .post-title { line-height: 35px; }

    Regards,
    Yigit

    #221925

    In reply to: Tesimonial appearance

    Hi unclemurray!

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

    .avia-slider-testimonials .avia-testimonial-content { font-size: 20px; color: white; }

    Cheers!
    Yigit

    #221849

    Wait. I see what I was doing wrong. I had set a style for <p>
    My bad.

    #221843

    Hi!

    Your custom.css is overriding the quick css:

    
    p {
        font-size: 1.2em;
        line-height: 1.65;
        margin: 0.85em 0;
    }
    

    Where one is on the body the others is specific to p and within a media query.

    Best regards,
    Devin

    #221835

    Hmm. I did what you said. I pasted body { font-size: 16px; line-height: 80%; } into the Quick CSS.
    Take a look at http://www.kennethbsmith.com/clients/abww/
    Seems I can control the font-size but not the line-height. Above I used line-height: 80%; so you would see that is not working. Seems to be stuck on line-height: 1.65em;
    Using FireBug I can not seem to grab the line-height.
    Any other suggestions?
    (I have been editing CSS for five years, so I find this baffling. But I like Enfold and want to understand the nuances. I also have been using your custom.css but not here so as to adhere to your suggestion.)
    Thanks.

    #221814

    Hey!

    Please add following code to adjust active tabs font size

    .js_active .active_tab { font-size: 11px; }

    and following for non active titles

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

    Cheers!
    Yigit

    #221702
    wss310
    Participant

    What css do I enter to change the font size of these? Right now they are very small and I want them to be the same size as my body font. Thanks!

    #221671

    Ok Ismael, I used the .post-title.entry-title CSS property, and it work for me.

    Thanks!!

    José

    #221651

    Hey!

    Please add following code to Quick CSS
    3-

    .post_author_timeline { display: none!important; }

    Arrow comes extra with the social code you have added. Please review your code and remove extra arrow.
    5-

    .post-meta-infos {
    font-size: 16px; }

    this code will increase the font size of post meta. If this is not what you meant, please post a screenshot

    Best regards,
    Yigit

    #221593

    Hi ShortieD!

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

    #top .social_bookmarks li a {
    width: 50px;
    line-height: 32px;
    min-height: 50px;
    font-size: 30px;
    }
    
    #top .social_bookmarks li {
    height: 100%;
    width: 50px;
    }

    Cheers!
    Ismael

    #221586

    Hi!

    Use

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

    Best regards,
    Peter

    Hey deyowulf!

    1) Insert this code into the quick css field

    
    #top #menu-item-search.menu-item-search-dropdown{
    float:left;
    }
    
    .bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu {
    width: auto;
    float: none;
    margin: auto;
    text-align: center;
    }
    
    .bottom_nav_header.social_header .main_menu>div, .bottom_nav_header.social_header .main_menu ul:first-child {
    text-align: center;
    margin: auto;
    }
    
    .bottom_nav_header.social_header .main_menu ul:first-child {
    max-width: 650px;
    }
    

    and instead of 650px insert the width of your menu.

    2) This code

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

    will help you to change the font size.

    Cheers!
    Peter

    Hi there,
    Thanks for your continued help on this. So close… but neither of these snippets or putting it into Enfold Child> style.css worked. And now the Reserve Now button which had been working on the smartphone, is no longer appearing at all.
    I hate to do this (because it gets so long) but I’ve pasted all my code in the style.css below. Can you see anything wrong, conflicting or have any ideas on what to do next? Thanks again, Lynn

    /*
    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:*/
    /* Hide layerslider on Smartphones and protrait Tablets */
    @media only screen and (max-width: 768px) {
    .avia-layerslider { display: none; }}
    /* Place Reserve now on tablets */
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .header_color .header-button a { left: -40%!important; }}
    /* Add Reserve Now button to Header-added code to header.php*/
    .header-button {
    position: absolute;
    border: none;
    top: 0;
    left: 255px;
    right: 180px;
    }
    .header_color .header-button a {
    display: block;
    padding: 2px 5px 10px 12px;
    font-size: 22px;
    text-align:justify;
    font-weight: bold;
    float: left;
    color: #f8d699;
    border-radius:0px 0px 15px 15px;
    }
    .header-button a.header-chat { background-color: #985e06; left center no-repeat; }
    .header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227&#8243; target=”_blank” }
    }
    /* Remove from home page only (right side)#, */
    .breadcrumbs { display: none; }
    .page-id-2 .entry-title { display: none; }
    .sub_menu {
    right: 175px !important;
    }
    /* Added TripAdvisor to ‘register-admin-options.php’ file, then to child functions.php Moves social icons to right of page */
    #top .social_bookmarks li {
    float: right !important;
    }
    /*Dropdown menu on top of LayerSlider*/
    .container_wrap, #header_main { z-index: 1; }
    /* Sizes/styles phone#, */
    #top .social_bookmarks li a { font-size: 18px; }
    .social_header .phone-info span {
    font-size: 18px;
    color: #f8d699;
    font-style: italic;
    padding-right: 28px;}
    }
    /* Change color of header social fonts*/
    .header_color .social_bookmarks a { color: #f8d699; }
    /*size main menu font*/
    #avia-menu a {
    font-size: 17px !important;
    }
    /* Color hover of TripAdvisor*/
    #top .social_bookmarks_tripadvisor:hover a {
    color:#fff;
    background-color: #29A959!important;
    }
    /* Color main menu dropdown font*/
    #top .main_menu .menu li ul a {
    color: #f8d699 !important;
    opacity: .7;
    }
    .header_color .main_menu ul:first-child > li > a { color: #f8d699; }
    .slide-meta {display: none;}
    .blog-categories.minor-meta {display: none;}
    .text-sep.text-sep-cat {display: none;}
    .header-buttons {
    position: absolute;
    right: 0;
    border: none;
    }
    /* Get Reserve Now button on iPhone*/
    @media only screen and (max-width: 480px) {
    .header-button {
    position:absolute;
    top:90px;
    left:30px;
    right:20px;
    }
    }
    /*Dropdown menu on top of LayerSlider*/
    .container_wrap { z-index: 1;
    }
    /* Sidebar styling -latest portfolio widget*/
    #portfoliobox-2 .news-headline {
    font-size: 16px !important;
    }
    #portfoliobox-2 .news-excerpt {
    font-size: 12px !important;
    }
    .image_size_widget .news-thumb {
    height: 50px;
    width: 50px;
    }
    .image_size_widget .news-thumb img {
    width: 46px;
    height: 46px;
    }
    }
    add_theme_support(‘avia_template_builder_custom_css’);

    #221206

    Hey sandboxes!

    I don’t know if LayerSlider supports this script and we can’t provide support for this customization. However you can try to place the html code into the “html” field of a layer

    
    <span class="hsjs">Each line in this code&rsquo;sHTML</span>
    <span class="hsjs">is set off with a</span>
    <span class="hsjs"><span></span>
    <span class="hsjs">element, & HatchShow adjusts the font size</span>
    <span class="hsjs">automatically.</span>
    <span class="hsjs">Each line should end up</span>
    <span class="hsjs">(roughly) the same width.</span>
    

    and then insert this code at the very bottom of enfold/js/avia.js:

    
    (function($){
       $(window).load(function(){
          $().hatchShow();
        });		
        jQuery.fn.hatchShow = function(){
          $('.hsjs').css('display','inner-block').css('white-space','pre').each(function(){
            var t = $(this);
            t.wrap("<span class='hatchshow_temp' style='display:block'>");
            var pw = t.parent().width();
            while( t.width() < pw ){t.css('font-size', (t.fontSize()+1)+"px"),
              function(){while( t.width() > pw ){t.css('font-size', (t.fontSize()-.1)+"px")}};
            };
          }).css('visibility','visible');
        };
        jQuery.fn.fontSize = function(){return parseInt($(this).css('font-size').replace('px',''));};
    })( jQuery );
    

    Cheers!
    Peter

    deyowulf
    Participant

    I would like to set up a Header with bottom nav with my logo and the menu centered – is there css to do this?

    Also, what is the css to change the font size of the menu for this style of header?

    Thanks

    Jonny

    #221189

    thanks that worked great

    and if i want to change the font size and color of the NON active tabs too?

    #221159
    deyowulf
    Participant

    The images aren’t showing up when I have it set up as Small img. Preview. They do show up when it is on large img. preview or multi author.

    http://www.jonnyfreesh.com/home-page-test-2/

    Also, how can I change the size of the font of the Post titles, but just on this page? Or just for the titles of posts when they are listed in a “blog posts” content element. I don’t want to change the size of my site wide H1.

    Also, I know that this is an issue with a 3rd party plugin, but as you can see the shareaholic social media sharing buttons are showing up at the bottom of every post excerpt, and I don’t want them to. It’s odd because on all the other blog post pages I have set up, it doesn’t do this.

    See – http://www.jonnyfreesh.com/raw-dessert-recipes/

    I’ve set them up exactly the same way and tested all the different blog options (small preview, large preview, multi-author, etc.) as well as having it within a layout shortcode (ie. 1/3,1/3,1/3) or outside a layout shortcode (full area) and it is still there. Any suggestions?

    Thanks

    Jonny

    #221134

    Hi!

    You can use this on Quick CSS:

    .js_active .active_tab_content {
    background: gray;
    }
    
    .js_active .active_tab {
    background: gray;
    font-size: 15px;
    }

    Change the css values.

    Regards,
    Ismael

    #221127

    Hey jmaguirrei!

    Are you trying to change the font size of the page title? You can use this:

    .title_container .main-title {
    margin: 0;
    font-size: 20px;
    position: relative;
    z-index: 2;
    min-height: 36px;
    line-height: 2.3em;
    top: 0;
    font-weight: 400;
    }

    Cheers!
    Ismael

    #221039
    sandboxes
    Participant

    I would like to use a jquery plugin in a layer slider to show typography.

    here is the link to the plugin. http://charliepark.org/hatchshow/

    this is the code:`<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script&gt;
    <script type=”text/javascript” charset=”utf-8″>
    $(window).load(function(){
    $().hatchShow();
    });
    jQuery.fn.hatchShow = function(){
    $(‘.hsjs’).css(‘display’,’inner-block’).css(‘white-space’,’pre’).each(function(){
    var t = $(this);
    t.wrap(“<span class=’hatchshow_temp’ style=’display:block’>”);
    var pw = t.parent().width();
    while( t.width() < pw ){t.css(‘font-size’, (t.fontSize()+1)+”px”),
    function(){while( t.width() > pw ){t.css(‘font-size’, (t.fontSize()-.1)+”px”)}};
    };
    }).css(‘visibility’,’visible’);
    };
    jQuery.fn.fontSize = function(){return parseInt($(this).css(‘font-size’).replace(‘px’,”));};

    </script>`

    here is the code for HTML

    <span class="hsjs">Each line in this code&rsquo;sHTML</span>
    <span class="hsjs">is set off with a</span>
    <span class="hsjs"><span></span>
    <span class="hsjs">element, & HatchShow adjusts the font size</span>
    <span class="hsjs">automatically.</span>
    <span class="hsjs">Each line should end up</span>
    <span class="hsjs">(roughly) the same width.</span>
    

    please can you tell me can i do this and if so how/

    #220973
    jmaguirrei
    Participant

    Hi!

    I have installed the Google Typography pluggin, and whit the h1 selector, doesn’t take the font-size.

    I think maybe it is hardcoded somewhere.

    Could you help please?

    Thanks!!
    José

    #220904

    Hi!

    Please try following code

    .ginput_container input[type="text"] { padding: 16px 12px; font-size: 16px; }

    Cheers!
    Yigit

Viewing 30 results - 17,221 through 17,250 (of 18,745 total)