Viewing 30 results - 14,431 through 14,460 (of 18,733 total)
  • Author
    Search Results
  • #403723

    Try with this:

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

    The code i provided will put a white arrow on every page, isn’t that what you want?

    Regards,
    Josue

    #403561
    turistai
    Participant

    Hi there
    I modified the H2 size and H3 size by using Advanced Styling. It is fine.
    But it affects the widget-titles (headlines) in the sidebar. How do I avoid this?
    I want to apply my changes only for content in posts or pages.
    I don’t know how to use codes only Quick CSS.
    Thanks

    #403552

    In reply to: Woocommerce germanized

    Hi fotos4friends!

    1. Add this to your custom CSS.

    .price > span { font-size: 11px !important; font-weight: 400 !important; }
    

    2. Hmm, I would try contacting the plugin authors about that one. It looks like you will have to do some PHP editing.

    3. Add this.

    .related .price {
      height: 0 !important;
      visibility: hidden !important;
    }

    4. Add this.

    .related .tax-info {
      float: right;
      margin-right: 10px;
    }

    Best regards,
    Elliott

    #403551

    In reply to: Events calendar

    Hi!

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

    .av-upcoming-events * {
    text-decoration: none!important;
    }
    span.av-upcoming-event-venue {
    font-size: 24px!important;
    }

    Regards,
    Yigit

    #403447

    In reply to: Header Customization

    Hi!

    Please add following code to Quick CSS

    div#header_main_alternate {
    background-color: #ff0000;
    }
    .custom_content {
    right: -15%;
    }
    @media only screen and (max-width: 768px) {
    .custom_content a { display: none !important; }
    span.header-text { font-size: 16px; }} 

    Cheers!
    Yigit

    #403435

    In reply to: Text font

    Hey ESWEENEY113!

    Please see – http://kriesi.at/documentation/enfold/change-the-default-font-size/

    Cheers!
    Yigit

    #403384

    In reply to: some questions

    Hi!

    I added following code to Quick CSS as well

    #top .avia-double-button-1 {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right-width: 2px;
    }
    #top .avia-double-button-2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: none;
    }
    #top .button_or {
    position: absolute;
    display: block;
    height: 26px;
    line-height: 21px;
    width: 26px;
    text-align: center;
    top: 50%;
    left: 36%;
    margin: -13px 0 0 -14px;
    background: #fff;
    color: #666;
    border-radius: 100px;
    font-size: 10px;
    border: 2px solid #FFF;
    font-style: italic;
    font-weight: 600;
    z-index: 11;
    }
    #top #wrap_all .main_color .avia-slide-wrap .avia-double-button:hover, #top #wrap_all .main_color .avia-hover-fx .avia-double-button:hover {
    background: #42a0bd;
    color: #fff;
    }
    #top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button {
    background: #000;
    background: rgba(0,0,0,0.2);
    border-color: #fff;
    color: #fff;
    padding-bottom: 11px;
    text-decoration: none;
    }

    Please review your website

    Best regards,
    Yigit

    #403371

    In reply to: font-size not respond

    Hey guys,

    Sorry, I copied & paste the code and had some coding removed but I did it too thorough….

    Here is the code once again and set the page to public again (issue is first code):

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .page-id-362 #av_section_1 .avia_textblock {
    font-size: 15px !important;
    }
    .page-id-407 #av_section_3 .avia_textblock {
    margin-left: -91px !important;
    width: 130% !important;
    }
    }

    #403346
    colin1boulter
    Participant

    Hello

    Great theme by the way.

    For some reason when I try to add a masonary gallery to a page and select settings:

    Image number 12
    Perfect Grid
    1 Pixel Gap
    Overlay deactivated
    Display Caption
    Link to custom link

    The gallery does not display. Well it does but it only displays one picture in the row to the left and leaves space for the other images but they do not appear. I have the same gallery set up on my homepage and it works fine. The only difference I can think of is I have applied 2 custom styles to this page id…Font size and line spacing. The galley does display if you don’t want captions or titles.

    Here is a link to the page http://www.neilsonreeves.co.uk/about/

    As I said check out home page gallery as this is what I am trying to achieve.

    Thank you in advance for your help and for designing such a great wordpress theme

    Best regards from Manchester England
    Colin

    #403316

    Hi nikestars!

    Please add following code to Quick CSS and adjust as needed

    span.tab_icon {
    font-size: 16px!important;
    }

    Regards,
    Yigit

    #403306

    I allready tryed adding .home to the commands, but it did not do the trick. I changed this command e.g.:

    #top label {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    to:

    .home #top label {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    and:

    #top .home label {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    But this resultet in the command not working at all :/
    Im gonna try the “codeblock”-thing though, maybe thats the way to do it.

    #403005
    erantdo
    Participant

    Hi,
    I’m currently testing the theme on: http://enfold.atera.com/ – I loaded it is a Child Theme, and I loaded as demo the business version.

    1. Can you please tell me why I have duplicates in the header?
    2. Why is the pricing table headline background is colored in black?
    3. Why in the “get in touch” strip not spreading through the whole width? (btw, sometimes the footer also does spread through the entire width, but now it’s ok)
    4. How do I remove the powered by Enfold Child WordPress Theme – I tried searching in footer.php but didn’t find it.
    5. How do I change the content font size..? I found how to change the font itself, but how can I change the size?

    Thanks !

    Eran

    #402944

    Hi,

    This is code that I use now.

    .main_color .tabcontainer, div .main_color .tabcontainer .tab {
    background-color: #86c62a;
    color: green !important;
    font-size: 16px;
    }

    .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
    background-color: white !important;
    color: #86c62a;
    }

    I would like to know how to make the text white for the INACTIVE tab titles.

    sl

    #402887
    Munford
    Participant

    Hi #Teamkriesi,

    I need to specify my slideshow caption title on this page: http://www.cjff.dk to be framed.
    I tried this
    @media only screen and (max-width: 480px) {
    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
    .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title
    {
    background: #000;
    filter: alpha(opacity = 80);
    background: rgba(0, 0, 0, 0.5);
    }
    .responsive #top .slideshow_caption .avia-caption-content {
    font-size: 11px !important;
    /*background-color: rgba(0,0,0,0.55);*/
    }}
    or variations of that but it doesn’t work.
    the font size works fine.
    can you help? thanks
    n

    #402812

    Topic: Woocommerce germanized

    in forum Enfold
    fotos4friends
    Participant

    Hi

    I´m looking for a small shop solution with the plugin “woocommerce germanized”.
    For a other website I found a solution with your help. (https://kriesi.at/support/topic/woocommerce-germanized/)

    At the new website there are more css-bugs with the tax-info, shipping-costs-info and the price.price-unit.

    With try&error (I´m not a coder) I found the follow solution:

    /* product archiv category – richtige Darstellung der MwSt, Versandkosten, Einheitspreis bei WC germanized */

    .tax-info {
    padding-left: 15px !important;
    }

    .shipping-costs-info {
    padding-left: 15px !important;
    margin-top: -5px !important;
    }

    .price.price-unit.smaller {
    display: none !important;
    }

    /* single product page – richtige Darstellung MwSt., Versandkosten, Preis und Einheitspreis bei WC germanized */

    body#top.single.single-product .tax-info {
    padding-left: 0px !important;
    }

    body#top.single.single-product .price.price-unit.smaller {
    display:inline-flex !important ;
    }

    body#top.single.single-product .unit {
    margin-left: 0px !important;
    }

    It looks good but I like some little more changes with your help please:
    I didn´t found a solution for this “bugs”.

    1. The font-size from the price.price-unit should be a little bit smaller and not bold, maybe 9px.
    2. The price.price-unit should displayed as follow: (26€/1kg)
    3. The price.price-unit should not displayed at the cross-selling products on footer from the single product page.
    4. The tax-info at the cross-selling product on footer from the single product page should be an the right place (padding-left: 15px).

    Thank you very much for your help upfront.

    cheers

    Dieter

    #402800

    Topic: Woocommerce germanized

    in forum Enfold
    fotos4friends
    Participant

    Hi

    I´m looking for a small shop solution with the plugin “woocommerce germanized”.
    For a other website I found a solution with your help. (https://kriesi.at/support/topic/woocommerce-germanized/)

    At the new website there are more css-bugs with the tax-info, shipping-costs-info and the price.price-unit.

    With try&error (I´m not a coder) I found the follow solution:

    /* product archiv category – richtige Darstellung der MwSt, Versandkosten, Einheitspreis bei WC germanized */

    .tax-info {
    padding-left: 15px !important;
    }

    .shipping-costs-info {
    padding-left: 15px !important;
    margin-top: -5px !important;
    }

    .price.price-unit.smaller {
    display: none !important;
    }

    /* single product page – richtige Darstellung MwSt., Versandkosten, Preis und Einheitspreis bei WC germanized */

    body#top.single.single-product .tax-info {
    padding-left: 0px !important;
    }

    body#top.single.single-product .price.price-unit.smaller {
    display:inline-flex !important ;
    }

    body#top.single.single-product .unit {
    margin-left: 0px !important;
    }

    It looks good but I like some little more changes with your help please:
    I didn´t found a solution for this “changes”.

    1. The font-size from the price.price-unit should be a little bit smaller and not bold, maybe 9px.
    2. The price.price-unit should displayed as follow: (26€/1kg)
    3. The price.price-unit should not displayed at the cross-selling products on footer from the single product page.
    4. The tax-info at the cross-selling product on footer from the single product page should be an the right place (padding-left: 15px).

    Thank you very much for your help upfront.

    cheers

    Dieter

    PS: Just now I saw, that the price.price-unit is displayed on the site with firefox and chrome, but not with safari.

    5. What can I do that it is displayed on safari too.

    Thanks…

    • This topic was modified 11 years, 1 month ago by fotos4friends.
    #402749

    In reply to: Header Customization

    Hi!

    Please add following code to Quick CSS and adjust as needed

    .custom_content img {
    max-width: 24%;
    }
    span.header-text {
    color: red;
    font-size: 20px;
    position: relative;
    top: -30px;
    right: 10px;
    }

    I moved the code to Functions.php file. Please find it and change external link and link to your image.

    Regards,
    Yigit

    #402693

    Hey!

    Icon list element has colors tab as well – http://i.imgur.com/zfwETlw.png
    To change font size and disable all caps, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-icon-list .iconlist_title {
    text-transform: none; 
    font-size: 25px; 
    }

    Cheers!
    Yigit

    #402644

    Topic: font-size not respond

    in forum Enfold
    Me.llamo
    Participant

    Hey,

    I would like to make the font-size (now 19px) smaller for tablet and mobile phone, but will not respond at this code:

    @media only screen and (max-width: 767px) {
    .page-id-362 #av_section_1 .avia_textblock {
    font-size: 15px !important;
    }
    )

    I need a little help…thanks!

    • This topic was modified 11 years, 1 month ago by Me.llamo. Reason: added which page it involves
    #402622
    cberentz
    Participant

    Hello again,

    I added some lines of quick css to change the optics of my contact form on my .home page. Problem is that these settings apply on every page now.

    I use the following quick css:
    #top div .av-dark-form .input-text, #top div .av-dark-form input[type=”text”], #top div .av-dark-form input[type=”input”], #top div .av-dark-form input[type=”password”], #top div .av-dark-form input[type=”email”], #top div .av-dark-form input[type=”number”], #top div .av-dark-form input[type=”url”], #top div .av-dark-form input[type=”tel”], #top div .av-dark-form input[type=”search”], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
    border-width: 1px !important;
    }

    #top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select { border-color: #ffffff !important; }

    label .required { color: #ffffff !important; }
    .avia_ajax_form input, .avia_ajax_form textarea { color: #ffffff !important; }

    #top label {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    .avia_ajax_form .button {
    font-size: 20px !important;
    color: #ffffff !important;
    }

    The contact form on the other page lies upon a white background and these settings cause it to be invisible, so I just need to change the color.

    Is there any way to make these settings “home-only”? Or apply them to just a certain form?

    Thanks guys.

    • This topic was modified 11 years, 1 month ago by cberentz.
    #402543

    Hey!

    Did you apply a value to the Layers Container field located on Slider Settings > Layout > Full-width slider settings? You can also apply unique classes attributes to the text layers under Attributes panel. Use “custom-text” on the classes field for example then add something like this to the Quick CSS field:

    @media only screen and (max-width: 767px) {
    .custom-text {
    font-size: 20px !important;
    }}

    Best regards,
    Ismael

    #402533
    nikestars
    Participant

    i have tab module inside color section, however the “inactive tab title” is having color leak from the color section, does it have conflict with my custom css?

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

    .js_active .active_tab {
    font-weight: bold;
    }

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

    .avia-slideshow-inner .avia-caption {
    bottom: 5px;
    left: 5px;
    }

    h2.avia-caption-title {
    font-size: 14px!important;
    font-weight: bold;
    }
    div.avia-caption-content {
    font-size: 15px!important;
    font-weight: bold;
    }

    .avia-caption .avia-caption-title {
    background: rgba(255,0,0,0.3);
    font-family: Helvetica;
    text-transform: none!important;
    }

    .avia-caption .avia-caption-content p {
    background: rgba(255,0,0,0.3);
    font-family: Calibri;
    }

    div .slideshow_caption h2 {
    text-transform: none!important;
    font-size: 24px!important;
    }

    .avia_message_box_content {
    text-transform: none;
    font-weight:normal;
    }

    .pricing-table li.avia-pricing-row {
    font-size: 55px
    }

    .iconbox_left .iconbox_icon { font-size: 30px!important;}
    .iconbox .iconbox_content .iconbox_content_title { margin: 15px 5px 15px 0px; }

    /** CUSTOM **/
    .iconboxtitle {
    font-weight:bold;
    font-size:20px;
    }

    #402532
    nikestars
    Participant

    i have tab module inside color section, however the “inactive tab title” is having color leak from the color section, does it have conflict with my custom css?

    
    .js_active .tab {
    font-size: 16px;
    }
    
    .js_active .active_tab {
    font-weight: bold;
    }
    
    #top .social_bookmarks li a { font-size: 18px; }
    
    .avia-slideshow-inner .avia-caption {
    bottom: 5px;
    left: 5px;
    }
    
    h2.avia-caption-title {
    font-size: 14px!important;
    font-weight: bold;
    }
    div.avia-caption-content {
    font-size: 15px!important;
    font-weight: bold;
    }
    
    .avia-caption .avia-caption-title {
    background: rgba(255,0,0,0.3);
    font-family: Helvetica;
    text-transform: none!important;
    }
    
    .avia-caption .avia-caption-content  p {
    background: rgba(255,0,0,0.3);
    font-family: Calibri;
    }
    
    div .slideshow_caption h2 {
    text-transform: none!important;
    font-size: 24px!important;
    }
    
    .avia_message_box_content {
    text-transform: none;
    font-weight:normal;
    }
    
    .pricing-table li.avia-pricing-row {
    font-size: 55px
     }
    
    .iconbox_left .iconbox_icon { font-size: 30px!important;}
    .iconbox .iconbox_content .iconbox_content_title { margin: 15px 5px 15px 0px; }
    
    /** CUSTOM **/
    .iconboxtitle {
    font-weight:bold;
    font-size:20px;
    }
    
    #402518

    Hi Etix!

    Please try the following in your Quick CSS:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .custom-color-heading .av-special-heading-tag {
    font-size: 36px !important;
    }
    .av-subheading p{
    font-size:24px !important;
    }
    }

    Regards,
    Rikard

    #402488

    Hi!

    Maybe, you’re not using the correct css selectors. If you want to change the product title font size, you can try this on the Quick CSS field

    div.product .product_title {
    font-size: 20px !important;
    }

    Regards,
    Ismael

    #402464

    In reply to: Full width easy slider

    Hi!

    This line is for the title:

    .avia-slideshow .avia-caption .avia-caption-title { font-size: 40px !important; } 
    

    This is for the actual caption:

    .caption_framed .slideshow_caption .avia-caption-content p { font-size: 25px !important; }
    

    Best regards,
    Ismael

    NanaKuo
    Participant

    Help! The Revolution Slider that came with my purchase of the enfold theme is having more and more problems displaying text correctly.

    Most of the text styles don’t work any longer. The only text styles that do seem to work even a little bit are:

    • big_white (correct size, but incorrect font),
    • medium_bright(font and size correct),
    • semitransparent_black_medium (transparent box displays, and line breaks displayed, but incorrect font), and
    • small_text_black/grey/white (correct size, incorrect font).

    Can you help me fix this?

    Thanks

    Nana

    #402378
    This reply has been marked as private.
    #402368

    In reply to: WooCommerce

    Hi kimogroup!

    Add this to your custom CSS.

    .products .product h3 { font-size: 20px !important; }
    

    Cheers!
    Elliott

    #402344

    Hey Yigit,

    That worked great – this is what I ended up using:

    a#advanced_menu_toggle:before {
    content: ‘Menu ‘ attr(data-av_icon);
    font-size: 18px;
    }

Viewing 30 results - 14,431 through 14,460 (of 18,733 total)