Viewing 30 results - 12,511 through 12,540 (of 18,742 total)
  • Author
    Search Results
  • #540412
    MrCenzou
    Participant

    Hi,
    as you can see from the link, the pricing row font is way to big for the table dimensions, and do not shows all the content of the cell in standard desktop view dimensions
    How can I modify the font, or automatically resize it according to screen dimension?
    Thanks
    JG

    #540322
    zerodi
    Participant

    Until one of the last two updates buttons containing our vimeo links opened perfectly fine in a lightbox. Now they suddenly stopped doing that and instead seem to redirect to the external page. This causes error messages on all our demo videos because they are not allowed to be viewed externally for legal reasons. The buttons look like this:

    [av_button label='Video ansehen' link='manually,https://player.vimeo.com/139962191' link_target='' size='medium' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='uf04b' font='fontawesomeregular' color='custom' custom_bg='#00abef' custom_font='#fafaf5' custom_class='']

    Strangely we do have one vimeo link in an icon which continues to open the video in a lightbox just fine. The icon code looks like this:

    [av_font_icon icon='uf04b' font='fontawesomeregular' style='' caption='' link='manually,https://player.vimeo.com/140062646' link_target='' size='80px' position='center' color='00abef' custom_class=''][/av_font_icon]

    Can you please help us to fix this as soon as possible. We are already receiving messages from customers that they are not able to watch the videos. Thank you very much.

    YOUNIS
    Participant

    Hello anyone,

    my normal choosen Content / Sidebar Ratio is 80% / 20% and Content + Sidebar width is choosen 82%!

    I want to change this ratio ONLY for my logo area and main menu on the desktop version, so that i can set it individually how much space is from my logo and main menu the the border of the display, so I get a little bit more space to add 1 or 2 more main menu links, without reduce the logo or font size!
    Hope that this is possible and you understand what I mean and if it is possible it brings no problems on the mobile version!
    My website is http://www.ihr-personaltrainer.at

    Thanks a lot!!! :)

    #540212

    Hey!

    Add this to your custom CSS.

    #ship-to-different-address { font-size: 15px !important; }
    

    Cheers!
    Elliott

    #540204

    Hey modernme!

    If your CSS is not getting applied then try using !important override like so.

    a { color: red !important; font-size: 12px !important; }
    

    Cheers!
    Elliott

    #540189
    oestersund
    Participant

    HI,
    on my page below I´ve a footer with 3 columns showing menus via widget, the 4th w/ text widget. But this one has a slightly larger line spacing. Any idea what I can do?

    thx a lot!

    FYI the custom CSS (the I came a footer line spacing spec, but this seems to affect all columns) reads as follows:

    #top .main_menu a:hover {background: #14C819;color: #ffffff;}

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

    #top .main_menu .menu li ul a { font-weight: 400;font-size: 12px; }

    h1, h2, h3, h4 {text-transform: none !important; }

    .iconbox_content_title {
    text-transform: none !important;
    }

    body { line-height: 100%; }

    #footer {padding: 0; }
    #footer {line-height: 110%;}
    #footer {font-weight: 400 ;}
    #footer { font-size: 15px; }
    #footer .widget {text-align: left;}
    #footer .widgettitle {
    color: white !important;
    }

    #top .tm-ctabox { padding: 15px; border: 2px solid #0E565C; line-height: 1.5; }

    #top .tm-promobox2 { line-height: 1.5; border: 2px solid #16D322;}

    .avia-icon-list .iconlist_icon:hover {
    color: #E65A37;
    }

    .avia-button.avia-size-large { font-size: 17px; } /* for large buttons */
    .avia-button.avia-size-medium { font-size: 17px; } /* for medium buttons */
    .avia-button.avia-size-small { font-size: 17px; } /* for small buttons */

    .avia_ajax_form .button { font-size: 17px; }

    .main_color .av-masonry {
    background-color: white;
    }

    HI Ismael,

    thx for youre quick response.
    i meant SIDEBAR LEFT and Content Alignment left too by stretched layout.
    like you can see in my test installation … login data is posted below for you to check.
    and the bug is still there … WHY?
    I still cant set 2 different background colors for logo area and main content area.

    NO plugins installed … and enfold is on a fresh installation. nothing changed with css.
    all is clean but bug still there. this must be a enfold problem. or?

    i removed this code from quick css and the problem turns back

    .container_wrap.container_wrap_first.main_color.sidebar_right:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ” “;
    clear: both;
    height: 0;
    }

    • This reply was modified 10 years, 5 months ago by ak-muc.
    #540112

    In Quick CSS, look for:

    .template-blog .post-title {
    font-size: 25px;

    Replace it by:

    .template-blog .post-title {
    font-size: 25px;
    }
    #540071

    Hi Team,

    I meant to increase the font size of the following, http://screencast.com/t/F7XA4cDsvLL

    #540062
    David57
    Participant

    Hi Team,

    How can i increase the font size for woocommerce?

    #539852

    Hi!

    I can’t read the German text in the screenshot but I think the CSS your wanting is this.

    .av-masonry-entry-content { font-size: 10px !important; color: red !important; font-style: none !important; }
    

    Regards,
    Elliott

    #539778

    In reply to: quform pop up

    i try this but not work yet :
    [iphorm_popup id=”1″ name=”CT01″][av_button label='Click me' link='' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][/iphorm_popup]

    #539774

    Topic: quform pop up

    in forum Enfold
    pouyaz
    Participant

    it’s quform pop up shortcode:

    [iphorm_popup id=”1″ name=”CT01″]test[/iphorm_popup]

    when i change test with icon shortcode it work fine and popup open, like this:

    [iphorm_popup id=”1″ name=”CT01″][av_font_icon icon='ue800' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon][/iphorm_popup]

    but when i use button it not work and only page refreshed:

    [iphorm_popup id=”1″ name=”CT01″][av_button label='Click me' link='manually,http://' link_target='' size='small' position='center' icon_select='yes' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][/iphorm_popup]

    i don’t add custom Css and i work locally.

    #539724

    Hallo Andy,
    dass Du das siehst, wundert mich sehr, da ich diesen Code nicht drin habe.
    Im CSS-Feld habe ich folgende Codes drin:

    @media only screen and (min-width: 767px) {
    .logo {
    margin-left: 17px;
    }}

    .toggler {
    border-color: #919191 !important;
    }

    .main_color .toggle_content {
    background: #f1f1f1;
    }

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #e87818;
    }

    .js_active .active_tab_content {
    background: #7a7a7a;
    }

    .js_active .active_tab {
    background: #7a7a7a;
    font-size: 13px;
    }

    .current-menu-item > a { color: #e67918!important; }

    span.av-masonry-date {
    display: none;
    }

    .avia-menu-fx { display: none !important; }
    .sub-menu { border-top-color: transparent !important; }

    .entry-content a {
    links: underline! important;}

    —-

    Der von Dir genannte ist nicht dabei. Zudem ändert das leider auch nicht die Position des Logos auf mobilen Endgeräten. Und der Slider ist immer noch fehlerhaft…

    Ein weiteres Problem besteht bei der alphabetischen Sortierung unter dem privat hinzugefügten Link. Marketing-Mix sollte vor den anderen Titeln mit M stehen.

    Grüße

    #539613

    In reply to: Header

    hello, thank you for the quick answer!

    changing font-size works but not text-align:center

    #539591

    In reply to: Header

    Hey!

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

    .phone-info { text-align: center; font-size: 20px; }

    If that does not help, please post the link to your website and a screenshot showing the changes you would like to make.

    Cheers!
    Yigit

    #539571

    In reply to: Header

    great! and where can i style it – color, position:center, font-size etc?

    #539558
    georgesociel
    Participant

    Hello there,

    in the website i am sending you at Pr.Content, i use a fullwifth submenu at the bottom of the pages about and contact.

    I am trying to change the color of the menu like that
    #top .av-submenu-pos-center {
    text-align: center;
    background-color: #11202a;
    }

    But with that i cant change the background of the button.
    The result i want is like the main menu, changing also the color and font size of the menu items.

    What should i do?

    Thank you instead


    I think i find it:

    #top .av-submenu-pos-center {
    text-align: center;
    background-color: #11202a;
    }

    #top .av-subnav-menu a {
    background-color:#11202a;
    color: #ffffff;
    font-size: 16px;
    }

    please confirm for anyone else may be interested..

    • This topic was modified 10 years, 5 months ago by georgesociel.
    #539424
    carmentvaalba
    Participant

    Hello, I am trying to insert some contact info at the top of my site.

    Some time ago you gave me these indications to do it:

    If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.
    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    Depending on what your trying to do some CSS code will be required. If you want the widget area to be centered in the header then add this to your custom CSS.

    #header .widget {
    left: 90%;
    padding-top: 50px;
    position: absolute;
    top: -150px;
    transform: translate(-50%);
    width: 405px;
    }
    And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.<div>

    <div style=”float: left; font-size: 22px;”>Tel. 913 565 225 </div>

    <div style=”float: left; font-size: 22px; color: white”> – -</div>

    <div style=”float: left;”>[av_button label='CITA ONLINE' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#0068ad' custom_font='#ffffff'] </div>

    </div>

    The true is that if I follow your instructions everything is fine, but I finde two problems:

    1) The sites is not responsive anymore at mobile devices
    2) in some navigators is not displayed correctly, for example in firefox works fine, but not in safari.

    I want to send you screenshots, but I can´t.

    Looking for your reply, Thank you Carmen

    #539391

    Exactly.
    But I want to be able to reduce the font size only to the resolution (iPad portrait), without the need to write lot of css. I want to be able to set different font sizes for different responsive devices in “Advanced Styling”

    #539361
    chrissargent48
    Participant

    My drop down menu font and spacing on my website is a bit too big (doesnt fit on page) I had a server error and had css in to fix this before but now it is back to what it was like originally.

    I would like to decrease font size and the padding between sub menu items

    I have tried

    .sub-menu{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    }
    .sub-menu li > a {
    font-size: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
    .avia_mega_div .avia-bullet{
    margin-top: 8px;
    }
    .avia_mega_div .avia-bullet { margin-top: 9px; }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { padding: 0px 12px 0px 12px; }

    and nothing has happened, cleared cache etc

    #539331

    In reply to: Several Issues

    Hey Hamdi!

    1.Please insert the below css into your custom css section:

    .iconbox .iconbox_content p {
        text-align: left !important;
    }

    2. Please insert the below css into your custom css section and adjust to your liking:

    .page-id-18 #top h3 a{
    	font-size: 24px !important;
    }
    
    .page-id-18 .article .av-magazine-entry {
        font-weight: 700 !important;
        font-style: italic !important;
    }

    3. The formatting in the screenshot is too specific for css alone, you would need to enlist the aid of a freelancer to perform custom modifications to the theme.

    Cheers!
    Dake

    #539258

    Hey!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) and (min-width: 990px) {
    h3.iconbox_content_title {
        font-size: 13px !important;
    }
    }

    Best regards,
    Elliott

    #539253

    Hi!

    It doesn’t look like there is enough width there. Would you like to try reducing the font size?

    Best regards,
    Elliott

    #539155

    In reply to: mobile only content

    Hi talelie!

    You could use CSS to hide elements on mobile / desktop but it would probably be better to just use CSS to change their font size.

    @media screen and (max-width: 767px) {
    
    }

    Add your CSS inside that and it will only be applied on small screens.

    Regards,
    Elliott

    #539058

    Hi handelsmann!

    Would be best for us if you separate each question into different tickets. Thank you!

    Add this code to control image height and width:

    @media only screen and (max-width: 767px) {
    .avia-slideshow li img {
    width: 350px;
    max-width: 350px;
    height: 200px;
    }}
    

    For caption on mobile use this code:

    @media only screen and (max-width: 767px) {
    .avia-caption.av-slideshow-caption.active-slide {
    width: 75%;
    font-size: 9px;
    }}
    

    and adjust as needed.

    If you want to hide captions on mobile completely, use this code instead:

    @media only screen and (max-width: 767px) {
    .avia-caption.av-slideshow-caption.active-slide {
    display: none;
    }}
    

    Best regards,
    Andy

    #539039

    Hi again,

    It’s not a caching issue as that has been done multiple times and I’ve also tried from other units as well.

    Also, what is wrong with this code?
    I want to use hyphens when the screen resolutions is below let say 1050px since my headers are a bit big/long for smaller screens.
    The goal is to transform the H1 headers primarly for tablets and shrink the size from 36.1 to approx. 24.

    @media only screen and (max-width: 1050px) {
     .template-page .entry-content-wrapper h1 { 
    font-size: 24px !important;
      	word-break: break-all;
      	-webkit-hyphens: auto !important;
    	-moz-hyphens: auto !important;
      	-ms-hyphens: auto !important;
      	hyphens: auto !important;
    
     }
    }

    If I use the code below, it works fine, but it doesn’t take the screen resolutions in mind (obviously)

    h1 { 
    font-size: 24px !important;
    font-size: 24px !important;
      	word-break: break-all;
      	-webkit-hyphens: auto !important;
    	-moz-hyphens: auto !important;
      	-ms-hyphens: auto !important;
      	hyphens: auto !important;
    }
    #538928

    Topic: mobile only content

    in forum Enfold
    talelie
    Participant

    Hi,

    I need different font size in desktop than on mobile,
    is there a way to create content that will be shown only on mobile and the other way?

    Thanks
    Tal

    #538920

    Hey!

    1. This is the expecting behavior. If you want to prevent this from happening, then you would need to define a unique css class for the elements in question. Then you can use your new unique css classes instead of the ones Ismael provided to you. To turn on custom css fields for all alb element follow these instructions: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    2. The new elements (css classes) Ismael provided for you captions need to be styled. For example:

    .event-date {
    position: relative;
    top: -90px;
    font-size: 7px !important;
    }
    

    Adjust as needed and do something similar for the other classes of your captions as well.

    Regards,
    Andy

    #538664

    workaround:

    <p style="text-align: center; margin-top: -10px">
    <span style="font-size: 18pt;">
    <strong>$4.50</strong>
Viewing 30 results - 12,511 through 12,540 (of 18,742 total)