Viewing 30 results - 5,161 through 5,190 (of 18,734 total)
  • Author
    Search Results
  • #1104318

    Thanks! It works. Theme is updated, so back to my questions…

    I have searched to find the answers, but no luck… so I’m starting a new thread. I want to do the following:

    1) Increase the height of the top gray bar (above the main menu).

    2) Increase the font size for the phone number.

    3) Add additional text on the left, and be able to adjust the size as in #2.

    4) Make the phone number clickable (i.e. add tel:+17045045354 so they can click and call the number).

    5) And “IF” I want to add additional words there (i.e. like a “Specials” link), how do I do that?

    Thanks in advance for all you do!

    #1104194

    Hey PIW,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .cart_dropdown_link > span:first-child {
    font-size: 30px !important;
    }

    Please adjust the font size to suit, and Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1104162

    In reply to: firefox

    Hi,
    Glad to help, to make your slider text bold I added this css in the General Styling > Quick CSS field :

    #full_slider_1 .slideshow_caption {
    font-weight: bolder !important;
    }

    For your footer widget I added this css to adjust the widget title from 28px to 18px:

    #text-4 h3.widgettitle {
    font-size: 18px !important;
    }

    please adjust to suit.
    For the footer width, I added this css:

    #footer > div {
        width: 70% !important; 
    }

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1104122

    Hey Carsten,
    Sorry for the late reply, On your second screenshot, the reason you are not seeing the comment section and other elements on your post is because your post is created with the Advanced Layout Builder, so in this case you will need to add the elements manually into each post.
    For your first screenshot, to change the size of the font, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .post-entry .entry-content p {
    font-size: 18px !important;
    }

    to change the color of the date and comments, try this css and adjust to suit:

    .date-container,.comment-container a  {
    color: #000 !important;
    }

    To change the color of the post title, please try:

    h2.post-title a {
    color: red !important;
    }

    After you add these changes, Please clear your browser cache and check.

    Best regards,
    Mike

    #1104088

    In reply to: Masonry title

    Hey Dijkhuis,

    Add this to quick css:

    #top #wrap_all .all_colors h3{
    font-size:12px!important;
    }

    Best regards,
    Jordan Shannon

    #1103948

    This also affects the ability to adjust the responsive mobile font size for headlines. Even if you have it set to a different size, it doesn’t work. I had to adjust it in CSS for now. However, this doesn’t all you to adjust individual entries which is what made the feature so good.

    #1103824

    @melaniegiesinger, you rock… been searching high & low for a fix for the headline rotator movement on whatever screen I was viewing on. Do you have custom CSS for customizing the font size for the “rotating text” & “Prepended static text” so they can both be different in size?

    Thanks in advance!

    Tara

    #1103725

    Topic: Masonry title

    in forum Enfold
    Dijkhuis
    Participant

    I tried several possibilities mentioned in the tickets but can not change the font size of the titles in my masonry. I would like to change it to 12px

    • This topic was modified 6 years, 10 months ago by Dijkhuis.
    #1103701

    That’s possible with CSS.
    You can try the following custom CSS. It changes the arrows of the Content Slider to a similar style like the arrows of the Image sliders. Maybe you have to make some CSS-changes to the Contents also, because the arrows may overlay the texts this way.

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
        width: 60px;
        height: 60px;
        font-size: 25px;
        top: 50%;
        margin: -30px 15px 0;
    }
    #top .avia-smallarrow-slider-heading > div {
        display: block;
    }
    #top .avia-smallarrow-slider .avia-slideshow-arrows a::before {
        line-height: 62px;
    }

    Info about adding custom CSS to Enfold:
    => https://kriesi.at/documentation/enfold/add-custom-css/

    Hi Jory,

    Please try the following css:

    
    @media only screen and (max-width:989px) {
        #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
            font-size: 14px;
        }
    }
    

    Best regards,
    Victoria

    #1103434

    In reply to: Text Next to Logo

    ok i figured it out. i had a wrong name matching to the code. now it appeared but it has background color plus different font color. changed it from general styling and from the code but it didnt change anything. plus it made my header bigger in size

    #1103405
    allyson3
    Participant

    Hi Enfold Team,

    I have searched to find the answers, but no luck… so I’m starting a new thread. I want to do the following:

    1) Increase the height of the top gray bar (above the main menu).

    2) Increase the font size for the phone number.

    3) Add additional text on the left, and be able to adjust the size as in #2.

    4) Make the phone number clickable (i.e. add tel:+17045045354 so they can click and call the number).

    5) And “IF” I want to add additional words there (i.e. like a “Specials” link), how do I do that?

    Thanks in advance for all you do!

    Jory
    Participant

    Hi,

    I would like to know how do I change the masonry title overlay size on mobile & tablet only?

    Thanks.

    • This topic was modified 6 years, 10 months ago by Jory.
    #1103323

    In reply to: footer column titles

    Hey jelle,

    Add this to quick css:

    #footer h3.widgettitle{
    font-size:10px!important;
    }

    Best regards,
    Jordan Shannon

    #1103309

    Topic: footer column titles

    in forum Enfold
    yampieters
    Participant

    https://screenshots.firefox.com/lcWga8wPOuuaHiYA/vuurenleem.nl

    is it possible to make the titles, the font size, in the footer smaller?
    (ive tried to put in html in the titlefield, but with no result).

    best regards, jelle vanhijfte

    • This topic was modified 6 years, 10 months ago by yampieters.
    #1103115
    PIW
    Participant

    Hello there.
    I would like to make some adjustments to the shopping cart icon (the floating one) and I need to make it bigger (the square and the icon).

    I managed to change the padding (because the default one gets overlapped by the browser scroll bar) but I can’t change the logo size. Where I can find it in the theme css?

    All I see is this:
    <a class="cart_dropdown_link" href="http://www.primeinterway.com.br/?page_id=512"><span aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="av-cart-counter av-active-counter">3</span><span class="avia_hidden_link_text">Shopping Cart</span></a>

    Hi Rikard,
    Thanks for your answer.

    so i aded a second Masonry Gallery to the page. The first one is now visible on desktop screens (screen options) the second one on smaller devices.
    for the color overlay i use this css:

    /*ENFOLD – MASONRY – BACKGROUND OVERLAY*/
    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: #b91e19;
    }

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(185, 30, 25, 0.7);
    }
    For the Desktop is the solution fine, but Is there a chance to hide the Color overlay on the mobile version and use a smaller font size oft the second Masonry? with section ID?

    thanks for your help in advance

    best regards,
    Oliver

    rustylindquist
    Participant

    “Purpose Finder: Find your purpose in life” -> this is in h3 and the style I put is, font-size should be 50. The theme is not honoring the inline style I made inside the template builder. Then, I found out when I view the source code, the base.css and other css stuff is included in the code. I reverted it back to the previous version and I saw in the source code that there is a minified/compressed version and all the css stuff (base etc) is gone. Im guessing that the previous version compresses the file and the newest doesn’t. Do you know how can I resolve this?

    Note that the link I stated here, the theme is reverted to the previous version.

    What I did:
    – I tried going in Theme options >> Performance and disable and enable compression but still doesn’t work
    – I tried to delete the folder dynamic_avia in the wp-content/uploads directory but still the compression is not working because if it is, it should generate the necessary files.
    – I tried putting a css to override the h3 but I found out it was made in the theme builder and overriding meant more future modifications.
    – I tried removing some codes in the base.css file but it is not the correct way of resolving it.
    – I checked my permissions on my local machine and all is ok. I even tried making all permissions to 777 out of frustration.

    #1103012
    leadliaison
    Participant

    I am using the Tab Section option for one of my webpages. I cannot find where I can edit the size and color of the tab titles. The page is not published, but I have provided the webpage link and login credentials privately. I am referring to the color/size of the words “Event Lead Management”, “Marketing”, “Sales”, and “Add Ons” beneath the intro text. It’s very small.

    #1102975

    Hi Camilla88,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .scroll-down-link {
        color: navy;
        font-size: 84px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1102885

    Hey kmihanet,

    Please try using the following css:

    
    /* Header in sidebar to turn to burger on iPad 768px */
    @media only screen and (max-width: 990px) {
      
            .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
            .responsive #top .av_header_transparency .logo img.alternate{display:none;}
            
            .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
            .responsive #top #main {padding-top:0 !important; margin:0;} 
            .responsive #top #main .container_wrap:first-child{ border-top:none; }
            .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
            .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
            .responsive .phone-info span{margin:0;padding:0; border:none;}
            .responsive.html_header_top #header_main .social_bookmarks ,
            .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } 
            
            .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
            .responsive .logo a{display:table-cell; vertical-align: middle;} 
            .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
            .responsive #header_main .container{height:auto !important; }
            .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
            .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
            .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
            .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
            .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
            .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
            .responsive #header .social_bookmarks li{float:none; display: inline-block;}  
            .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
            .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
            .responsive .logo img{margin:0;}
            .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
            .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}  
            
            .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
            .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
            
            .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
            .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
            .responsive #top .av_header_transparency #header_main_alternate, 
            .responsive .av_header_transparency #header_main .social_bookmarks li a,
            .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
            .responsive #top .av_header_transparency #header_meta, 
            .responsive #top .av_header_transparency #header_meta li,
            .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
            .responsive.html_top_nav_header .av-logo-container{height:auto;} 
            .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
            
            
          /*new mobile*/
            .responsive .av-burger-menu-main{display: block;}
            .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
            .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
            .responsive #top .av-main-nav .menu-item{display:none;}
            .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
            .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
            .responsive #header_main_alternate{display:none;}
            .responsive #top #header .social_bookmarks{display:none;}
            .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
            .responsive #top .av-logo-container .avia-menu{height:100%;}
            .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
            .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
            .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
            .responsive #top #wrap_all .av-logo-container {padding:0;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
                min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
            }
            .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
            .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
            background:transparent;
            color: inherit;
            }
            
            .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
            .html_header_sidebar #header .container {
              width: 90%;
            }
    }
    

    Best regards,
    Victoria

    #1102675

    Hi bauchope,

    We apologize for the delayed response.
    I have modified the display in tablet portrait, here are the things I’ve changed on your site:

    1. Checked Show element options for developers in Enfold > Layout Builder.
    2. Edit the table, in Custom Css Class I put mytable
    3. Go to Enfold > General Styling > Quick CSS, then added this css code:
      @media only screen and (max-width: 959px) {
        .page-id-530 #after_section_2 .container {
          padding-left: 0;
          padding-right: 0;
          width: 96%;
        }
        .mytable ul.pricing-table {
          margin-left: 2px;
          margin-right: 2px;
        }
      
        .mytable .pricing-table-wrap:first-child ul.pricing-table li {
          font-size: 13px;
          padding: 9px;
        }
      }

    Let us know if you need further assistance.

    Best regards,
    Nikko

    #1102507

    Hi there,

    if you want to change the color and the size you can add this one here and replace the 145 and the color code:

    #top .scroll-down-link{
          font-size: 145px;
          color: #293694;
    }

    Regards
    Alex

    #1102480
    Camilla88
    Participant

    Hi,
    Can you help me change the font size and colour on the scroll down arrows on my site?

    Best,
    Camilla

    #1102471

    Hello Victoria,
    Thank you, but this is not exactly what i wanted. I dont´t want to change h2 to h1. I would like to ad a unique main title, for example “CEITON Blog”, as h1 above the post loop. Because now my SEO-analysis says that this url has no h1.

    And I tried to change the font size like recommended here: https://kriesi.at/support/topic/how-to-change-the-post-title-to-h1/
    .entry-content .post-title {
    font-size: 30x;
    line-height: 1.5em;
    }
    But it did not change anything in my case.
    Do you have another recommendation?

    Kind regards,
    Sarah

    #1102289

    Hi Cherp,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    /* Header in sidebar to turn to burger on iPad 768px */
    @media only screen and (min-width: 768px) and (max-width: 990px) {
      
            .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
            .responsive #top .av_header_transparency .logo img.alternate{display:none;}
            
            .responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
            .responsive #top #main {padding-top:0 !important; margin:0;} 
            .responsive #top #main .container_wrap:first-child{ border-top:none; }
            .responsive.html_header_top.html_logo_center .logo { left: 0%; -webkit-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); margin:0; }
            .responsive .phone-info{float:none; width:100%; clear:both; text-align: center;}
            .responsive .phone-info span{margin:0;padding:0; border:none;}
            .responsive.html_header_top #header_main .social_bookmarks ,
            .responsive.html_top_nav_header #top .social_bookmarks { width:auto; margin-top:-16px; } 
            
            .responsive #top .logo{position: static; display:table; height:80px !important; float:none; padding:0; border:none; width:80%; }
            .responsive .logo a{display:table-cell; vertical-align: middle;} 
            .responsive .logo img{height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px;}
            .responsive #header_main .container{height:auto !important; }
            .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=1); }
            .responsive.social_header .phone-info {text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive.social_header .phone-info span{border:none; width:100%; text-align: center; float:none; clear:both; margin:0; padding:0;}
            .responsive #header_meta .social_bookmarks li{ border-style:solid; border-width:1px; margin-bottom:-1px; margin-left:-1px;}
            .responsive #top #header_meta .social_bookmarks li:last-child{border-right-style: solid; border-right-width:  1px;}
            .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul{float:none; width:100%; text-align: center; margin:0 auto; position: static;}
            .responsive #header .social_bookmarks{padding-bottom:2px; width:100%; text-align: center; height:auto; line-height: 0.8em; margin:0;}
            .responsive #header_meta .sub_menu>ul>li{float:none; display: inline-block; padding: 0 10px;}
            .responsive #header .social_bookmarks li{float:none; display: inline-block;}  
            .responsive.bottom_nav_header #header_main .social_bookmarks{ position: relative; top: 0; right: 0; margin: 10px auto; clear:both;}
            .responsive.bottom_nav_header.social_header .main_menu>div{height:auto;}
            .responsive .logo img{margin:0;}
            .responsive.html_header_sidebar #top #header .social_bookmarks{display:none;}
            .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header{max-width: 100%;}  
            
            .responsive.html_header_transparency #top .avia-builder-el-0 .container, .responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption{padding-top:0;}
            .responsive #top .av_phone_active_right .phone-info.with_nav span{border:none;}
            
            .responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, 
            .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, 
            .responsive #top .av_header_transparency #header_main_alternate, 
            .responsive .av_header_transparency #header_main .social_bookmarks li a,
            .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span,
            .responsive #top .av_header_transparency #header_meta, 
            .responsive #top .av_header_transparency #header_meta li,
            .responsive #top #header_meta .social_bookmarks li a{ color:inherit; border-color: inherit; background: inherit;}
            .responsive.html_top_nav_header .av-logo-container{height:auto;} 
            .responsive.html_top_nav_header .av-section-bottom-logo{border-bottom-style: solid; border-bottom-width: 1px;}
            
            
          /*new mobile*/
            .responsive .av-burger-menu-main{display: block;}
            .responsive #top #wrap_all .main_menu{top:0; height:80px; left:auto; right:0; display: block; position: absolute;}
            .responsive .main_menu ul:first-child > li a { height: 80px; line-height: 80px;}
            .responsive #top .av-main-nav .menu-item{display:none;}
            .responsive #top .av-main-nav .menu-item-avia-special{display:block;}
            .responsive #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
            .responsive #header_main_alternate{display:none;}
            .responsive #top #header .social_bookmarks{display:none;}
            .responsive #top #header .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px;}
            .responsive #top .av-logo-container .avia-menu{height:100%;}
            .responsive #top .av-logo-container .avia-menu > li > a{line-height: 80px;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #main .av-logo-container .social_bookmarks{display:none;}
            .responsive #top #main .av-logo-container .main_menu .social_bookmarks{display:block; position: relative;}
            .responsive #top #main .av-logo-container .main_menu{display:block;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a,
            .responsive #top #wrap_all .av-logo-container {height:80px; line-height:80px; }
            .responsive #top #wrap_all .av-logo-container {padding:0;}
            .responsive #top #header_main > .container .main_menu  .av-main-nav > li > a{
                min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
            }
            .responsive #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}
            .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
            background:transparent;
            color: inherit;
            }
            
            .responsive.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}
            .html_header_sidebar #header .container {
              width: 90%;
            }
            .temperature {
                margin-left: 30vw !important;
                margin-top: -65px;
            }
    
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1102168

    Hi Anke,

    Do you want to change the size of the testimonial text on mobile? If so then please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
    .avia-testimonial-content p {
      font-size:12px;
    }
    }

    Best regards,
    Rikard

    #1102155

    Hey bauchope,
    I took a look at your site and many of the pages, but I’m not sure which page you are referring to, is it the “News” page?
    If so, I would recommend reducing the font size, or using a second element that only shows at this size but with only 3 columns, or 2 columns so it displays better.
    I don’t have an iPad but I’m trying to simulate it in landscape as 1024px x 768px.
    Can you include a screenshot?

    Best regards,
    Mike

    #1102103

    Hi kitchkitch,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #woocommerce_product_categories-2.widget_product_categories li {
        margin-top: 10px;
    }
    #woocommerce_product_categories-2.widget_product_categories li a {
        font-size: 14px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1101928

    In Quick CSS add
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .avia-testimonial-name {font-size: XXpx;}
    }

    if not works you can add “!important”

Viewing 30 results - 5,161 through 5,190 (of 18,734 total)