Viewing 30 results - 16,561 through 16,590 (of 18,728 total)
  • Author
    Search Results
  • #263890

    In reply to: Custom CSS not showing

    Hi,

    The website is behind a placeholder,

    I am trying to add this code in custom.css:

    .wptrigger {
    background: #DEDEDE;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    border: 10px solid #B3B3B3;
    font-size: 40px;
    color: #13608E;
    text-align: center;
    font-family: “wf_SegoeUILight”,”wf_SegoeUI”,”Segoe UI Light”,”Segoe WP Light”,”Segoe UI”,”Segoe”,”Segoe WP”,”Tahoma”,”Verdana”,”Arial”,”sans-serif”;
    padding: 100px 10px 10px 10px;
    width: 300px;!important
    }

    But nothing seems to change. Any ideas?

    #263863

    Hi!

    Thank you for visiting the support forum!

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 16px !important;
    }
    }

    Awesome website. :)

    Best regards,
    Ismael

    #263843
    InfinityJane2013
    Participant

    When a costumer have made an order, they get an email.

    I tried the best i could to change the design on that, but with not 100% success.

    I know its woo commerce, but maybe i am lucky you also know this?

    I only need to change the headlines about the BANK info, but i can’t find out WHERE to change that..

    This is a screen dump of the mail a costumer receive when putting an order…

    http://ltbrands.dk/ordre.jpg

    #263834

    In reply to: Header font size

    You can change the font color in the general styling section of the enfold theme options.

    for the font size you have to use the quick css or custom.css and enter:

    .avia-menu-text {
    font-size: 16px;
    }

    Also look at the advanced styling beta: http://vimeo.com/92502063

    #263817

    Topic: Header font size

    in forum Enfold
    El-Watch
    Participant

    How do i change header font size and color?

    #263745
    jazbird
    Participant

    hi,

    is there a way to adjust the font size for mobile on the full width easy slider?
    the captions are so large u can’t read them.

    i currently have this in my CSS:

    div .slideshow_caption h2 {
    font-family: ‘Source Sans Pro’, sans-serif;
    text-transform: none!important;
    font-weight: normal!important;
    font-size: 36px!important;
    }

    thanks…

    j

    #263476

    In reply to: Align text after icon

    i think you got the wrong idea Yigit.
    The image is what he has and the link is what he wants.

    But you provided the code to make the link look like the picture?

    i think my solution with the div container is the best:

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    <div style="float: left;">
    Ständlerstr. 35
    81549 München
    Germany
    </div>

    He could also use the tex-indet method.
    But then he’d need a div container for every new line to align it.

    #262998

    In reply to: Align text after icon

    first code: solution with a table
    second code: solution with a div container
    Versuchs doch mal mit (variante mit div unten ist vielleicht einfacher):

    <table style="width: auto;">
    <tr>
    <td>[av_font_icon icon='ue80a' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]</td>
    <td>
    F10 Performance Oil Vertrieb UG <br>
    (haftungsbeschränkt)
    </td>
    </tr>
    <tr>
    <td>[av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]</td>
    <td>
    Ständlerstr. 35<br>
    81549 München<br>
    Germany
    </td>
    </tr>
    </table>

    Werde jetzt aber nicht allles übertragen.
    Anschließend kann der Tabelle noch eine ID gegeben werden um über css das styling zu machen (Rahmen entfernen, Abstände und was sonst noch gewünscht wird)

    edit: mein div container würde alles nach einem icon umschließen. Und padding-left brauchst du nicht wenn du den abstand zum icon nicht vergrößern möchtest:

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    <div style="float: left;">
    Ständlerstr. 35
    81549 München
    Germany
    </div>
    #262997

    In reply to: Align text after icon

    Hi Flikk,
    thanks a lot!
    I tried that:

    [av_font_icon icon='ue80a' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    F10 Performance Oil Vertrieb UG
    <div style="float: left; padding-left: 20px;">(haftungsbeschränkt)</div>
    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    Ständlerstr. 35
    81549 München
    Germany
    
    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    089 / 680 95 688
    
    [av_font_icon icon='ue838' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
    089 / 680 95 689
    
    [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#014f9d' size='15px' position='left'][/av_font_icon]
    
     (Email address hidden if logged out) 

    But looks not beautiful yet. Suggesten where the paste your code?

    #262859

    Hi!

    Use this code instead:

    @media only screen and (max-width: 767px) {
    .av-icon-char {
        font-size: 20px !important;
        padding: 10px !important;
    }
    }
    

    That will target all icons, not only icons with a link.

    Cheers!
    Josue

    Hi!

    Thank you for the update.

    I tested the code and I just added the z-index property and it works fine. Please use this:

    #socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; z-index: 9999;}
    #socket .container { padding: 4px 0 6px 0; }
    html {background: #ffffff; }

    Best regards,
    Ismael

    #262640

    In reply to: Button and code

    Hi!

    You’d need to put the button in HTML form (inside a Text/Code block):

    <div class="avia-button-wrap avia-button-left  avia-builder-el-43  el_after_av_button  el_before_av_button "><a href="#" class="avia-button avia-icon_select-yes avia-color-grey avia-size-large avia-position-left "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"><abbr title="Grey">G.</abbr></span></a></div>
    

    Best regards,
    Josue

    #262638

    In reply to: read more" button

    Hi!

    Use the inspect tool (Chrome) to get the HTML code of the one you like:
    http://screencast.com/t/sHZPaTEx

    Example:

    <div class="avia-button-wrap avia-button-left  avia-builder-el-43  el_after_av_button  el_before_av_button "><a href="#" class="avia-button avia-icon_select-yes avia-color-grey avia-size-large avia-position-left "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Grey</span></a></div>
    

    Cheers!
    Josue

    #262558

    Topic: Icon shortcode

    in forum Enfold
    ChecMark
    Participant

    I read what I could find on the forum, created a blank page and added the icon and got the following shortcode –
    [av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' color='' size='40px' position='left'][/av_font_icon]
    which I then inserted on the layer of my slider in the HTML area, which showed this as an area to enter a shortcode.
    When I preview or save and preview all I see is the shortcode and not the icon.

    ???

    <div style=”padding-bottom:10px;color:#a8a8a8;font-size:30px;” class=”av-special-heading av-special-heading-h3 custom-color-heading blockquote modern-quote avia-builder-el-1 avia-builder-el-no-sibling av-inherit-size”><h3 class=”av-special-heading-tag” itemprop=”headline”>Koffer-Kunst? Kunst im Koffer? Kunst-Koffer?</h3><div class=”special-heading-border”><div class=”special-heading-inner-border” style=”border-color:#a8a8a8″></div></div></div>

    Unter color: findest Du einen Grauwert, doch der Text wird im Frontend als Blau dargestellt (Safari/Chrome).

    #262084

    In reply to: Edit and lock footer?

    Hey Devin,

    #socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
    
#socket .container { padding: 4px 0 6px 0; }

    html { background: #ffffff; }

    For me, the above css code DOES (or DID) create a fixed socket container in 2.5.2. What is confusing and unfortunate is why it STOPPED working the same way in 2.7.1 (more details in the post linked above). It may be some change related to how fixed positioning or transparency is newly handled in 2.7.1? Were there changes maded in those areas in 2.7.1?

    Now in 2.7.1, with that code, the “fixed socket” only shows IF a scrollbar is present. In 2.5.2 the “fixed socket” showed with or w/o scrollbar present.

    Since it WAS working great to give a “fixed socket” in 2.5.2, I’m hoping the Kriesi team might have some insight into why it STOPPED working the same in 2.7.1, and how to fix it? I’d love to get it back to how it was working, because it was a really key feature I need for my site! Any ideas how to get it working again in 2.7.1?

    I must have tried adding this to Quick CSS 20 times and now it works for some reason. I must have been typing incorrectly.

    @media only screen and (max-width: 1140px) and (min-width: 768px) {
    #top .main_menu ul:first-child > li > a { font-size: 12px; }
    }

    For anyone else that reads this remember to set the Header Mobile Menu Activation to only for smartphone in ENFOLD>HEADER LAYOUT>MOBILE MENU tab. If you set it to smartphone and tablet the changes will only affect the tablet in landscape mode (greater than 990px)

    This topic can be closed. (Admins…you can delete if you wish.)

    TheMediaman
    Participant

    Enfold 2.7.1
    WP 3.9

    How can I set the main menu and main menu sublevel links font size between specific browser pixel widths only?

    The client wants the main menu and sublevel link font larger for the desktop but that causes problems on a tablet in portrait mode. The menu wraps to a second line. So I would like to set a custom font size above smartphone yet below desktop resolutions. In my case between 769 and 1140 pixel width.

    – a custom main menu and main menu sublevel links font size is set in theme options.
    – the header mobile menu activation set for below 768 and that works just fine for smartphones.
    – I tried unsuccessfully tried working with the info and code in this thread (last entry) https://kriesi.at/support/topic/menu-problem-on-ipad/
    – I tried directly editing the code in layout.css

    I tried adapting the following code (I have no experience so it was a guess and tried to make something work but I failed)

    p {
        @include responsive-font-size (
            $min-font-size: 1.8em,
            $max-font-size: 3.7em,
            $min-screen-width: 640px,
            $max-screen-width: 1200px,
            $font-size-step: 0.3em /* optional, default: 0.1em */
        );
    }

    But that just overrode the main site font and left the menu font unaffected. Definitely the wrong way

    Hey!

    Please try following code instead

    .phone-info a {
    font-size: 16px;
    }

    Best regards,
    Yigit

    #261776

    Hi!

    1- Please go to Enfold theme options > Header Layout > Header Size = Custom Size > Header Custom Height = 200px
    2- Please add following code to Quick CSS

    div .logo { margin-top: 20px; }

    3- Please refer to Ismael’s post here – https://kriesi.at/support/topic/add-new-font/#post-234710
    Cheers!
    Yigit

    #261705

    Topic: Entypo icon alignment

    in forum Enfold
    tocal
    Participant

    Hi guys,

    I’m trying to use the short code for the Entypo icons inline with some text copy. I am using them as bullets. At the moment they are aligning strictly to the right, left or centre of the containing <div> as opposed to the text. You can see this here: http://bluestar.tocal.net/

    What I am trying to achieve is a look more like this: http://bluestar.tocal.net/wp-content/uploads/2014/05/Demo.png where the bullets sit inline with the text.

    I can achieve this by removing the class tags from the containing span element. I.e. from this:

    <span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style="color:#034da2; border-color:#034da2;">
    <span class="av-icon-char" style="font-size:18px;line-height:18px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
    </span>
    </span>

    to this:

    <span style="color:#034da2; border-color:#034da2;">
    <span class="av-icon-char" style="font-size:18px;line-height:18px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
    </span>
    </span>

    Could you advise on whether there is a better way to do this and, if not, how I can make that class change in the theme files?

    Many thanks,
    Tom

    #261637
    goderictia
    Participant

    Hi,

    I have tried searching the forums for an answer and the replied code don’t work. I require assistance on 3 matters:

    1) I would like to change the logo size to 785px x 180px

    2) I would like to increase the padding of the top of the logo.

    3) I would like to use google fonts for the theme:

    Text such as blog entries or body text to be > https://www.google.com/fonts/specimen/Sorts+Mill+Goudy
    With the following css:
    color: #999999;
    font-size: 14px;
    font-style: normal;
    font-family: OFLSortsMillGoudyTTRegular,Garamond,Palatino,Georgia,serif;
    text-transform: none;
    line-height: 1.25em;
    font-weight: 400;

    Navigation bars/menu items and post title/entry title to be > http://www.fonts2u.com/melbourne-light.font
    With the following css:
    color: #000000;
    font-style: normal;
    font-size: 14px;
    font-family: melbournelight,Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;

    • This topic was modified 11 years, 10 months ago by goderictia.
    #261532

    In reply to: Edit and lock footer?

    At least in my experience, in version 2.5.2 this custom css code USED to work to “lock” a socket in place, at the bottom of ANY page regardless of browser/window size, no matter how much or how little page content was present, etc. It was great.

    #socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
    
#socket .container { padding: 4px 0 6px 0; }
    
html { background: #ffffff; }

    NOW under 2.7.1, in my system with that same custom CSS, I only “see” the socket if there is a right-side scrollbar present. On pages with no scroll-bar, no socket shows any more under 2.7.1 (although it stil seems to be there, but just not “visible”). (I posted here: https://kriesi.at/support/topic/2-7-1-update-changed-custom-css-socket-behavior/)

    If you want to try the above code in Version 2.7.1 and see if you get the same behavior in your system, and post back here, that would be very helpful. That code used to work great to give a “fixed socket” in 2.5.2, but it stopped working correctly in 2.7.1!

    #261525
    goldbaum
    Participant

    How can I change the font color of the button in the sidebar?
    I placed this code in a text element in the widget:
    [av_button label='Direct een taxatie aanvragen' link='page,31' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='center' icon_select='no' icon='ue800' font='entypo-fontello']

    But changing the custom font doesnt have any effect.

    http://interboedel.nl.testbyte.nl/taxatie-van-bedrijfsinventaris/

    #261517

    Never mind – I was able to work with your instructions to get what I was after. Here it is, fyi: this made the Easy Slider caption title green and italicized:

    div .slideshow_caption h2 {
    text-transform: none!important;
    font-size: 32px!important; color: #a5ce39; font-style:italic;
    }

    Vifa
    Participant

    Addition:

    The theme is great and very powerful, but it is disappointing to spend a lot of time getting things how you want them in a prior release, only to have things “stop working the same way” in a new release! As the other Poster notes below, others are having similar problems with various features of Enfold 2.7.1. This makes folks (understandably) very wary of updating!

    I’m hoping the Kriesi team (or anyone on this great forum) might have some insights as to what is making this custom CSS NOT work correctly in 2.7.1, whereas it WAS working fine in 2.5.2 (details below)?

    #socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
    #socket .container { padding: 4px 0 6px 0; }
    html {background: #ffffff; }

    Orginal Post:

    Although I realize “sticky sockets” are not officially supported in Enfold, under 2.5.2 I had precisely the “sticky socket” behavior I wanted working very nicely for me using the following custom CSS code:

    #socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
    #socket .container { padding: 4px 0 6px 0; }
    html {background: #ffffff; }

    With this custom CSS code under 2.5.2, I would ALWAYS have my socket on the bottom of ANY browser window, no matter how large/small the window was, no matter whether or not a scrollbar was present, no matter how much/little content any given page had, no matter whether mobile or not: my socket was always showing at the bottom of the view window. It was great, and exactly how I wanted it.

    Unfortunately . . . when I updated to 2.7.1, this code stopped working in the SAME way. Now with the same custom CSS under 2.7.1, the same socket appears, but ONLY when a scrollbar is present on the right-hand side of the browser. When page content is too little (i.e. no scrollbar), the socket no longer shows like it did in 2.5.2 (using the exact same custom CSS).

    HOWEVER, even when no scrollbar is present in 2.7.2, the sticky socket is still THERE at the bottom of the page — i.e. the hover links are still present and available to click — you just can’t SEE the socket unless the scrollbar is present. It seems like whatever the “background” color in “html {background: #ffffff; }”, is now (in 2.7.2) “covering” the socket now when no scrollbar is present — whereas in 2.5.2 under these conditions, the socket was BOTH clickable and visible on pages with no scrollbar.

    So something seems to have changed in the internal code of the 2.7.2 update (versus 2.5.2), that makes the above code work differently in 2.7.1 versus how it worked in 2.5.2. I wonder if it relates to the new “transparency” features?

    I would really love to have my socket working the way it was in 2.5.2, otherwise I might have to revert back to 2.5.2, which I would prefer not to do, as using “older versions” is not an ideal long-term viable solution.

    Is there anything you can think of that might have resulted in this “change” in socket behavior between 2.5.2 and 2.7.1, and if so, can you think of any code that might fix it, so my socket again works like it did in 2.5.2 — i.e. it is ALWAYS at the bottom of the page, whether or not a scrollbar is present on the window?

    • This topic was modified 11 years, 10 months ago by Vifa.
    #261157

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    a.av-icon-char {
        font-size: 20px !important;
        padding: 10px !important;
    }
    }
    
    

    You can duplicate and modify it to fit your needs.

    Cheers! 
    Josue

    #261084

    Hey!

    Try adding this code to the Quick CSS:

    a#advanced_menu_toggle:after {
        content: "MENU";
        display: block;
        font-size: 11px;
        position: absolute;
        top: 15px;
        left: 5px;
    }

    Cheers! 
    Josue

    #260948

    In reply to: Header

    Hey!

    You should go to Enfold theme options > General Styling > Quick CSS field and add your custom CSS code as following

    .cusotm_content { color: red; font-size: 14px; }

    Best regards,
    Yigit

    #260365

    Thanks– that was perfect! I have the custom css class below on the site and it’s working for everything except changing the text color. I want the footer phone number to be orange and the quote and login to be grey, but they stay white regardless of my css. I noticed that there is a #ffffff; hex code on there for general colors in the footer, but how do I override that in order to get my custom menu classes below to work?

    .number {
    border-bottom: 1px solid #949aa0 !important;
    color: #f05a1a !important;
    font-size: 14px;
    text-align: center;
    font-weight:bold !important;
    width: 150px;
    }

    .quote {
    border-bottom: 1px solid #949aa0!important;
    height:30px;
    vertical-align:center;
    border-color: #333333;
    color: #f05a1a;
    font-size: 14px;
    text-align: center;
    width: 150px;
    }

    .password {
    border-bottom: 1px solid #949aa0 !important;
    border-color: #949aa0;
    color: #f05a1a !important;
    font-size: 14px;
    text-align: center;
    width: 150px;
    }

    • This reply was modified 11 years, 10 months ago by Angiec13.
Viewing 30 results - 16,561 through 16,590 (of 18,728 total)