Viewing 30 results - 961 through 990 (of 1,186 total)
  • Author
    Search Results
  • #413699

    Hi!

    Code i posted should have worked. Do you mind creating a temporary admin login and posting it here privately?
    Mobile browsers scroll to top automatically when touched on the top of the browser, i believe it was removed not to cover the content on mobile :)

    Regards,
    Yigit

    #413237

    Hi suburbanite!

    Add this to your custom CSS.

    .avia-caption-title {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
      display: inline;
      padding: 40px;
      width: auto !important;
    }

    Cheers!
    Elliott

    #410356

    Ismael,

    thank you for your reply. This works for the masonry. But the filter does not filter the lightbox.
    (if I filter on category, fashion, glamour or automotive in can still scroll trough the unfiltered images in lightbox)
    But how do I get this to also work with the portfolio grid to load the ajax gallery/list for a series and a single lightbox for a single image.

    I’ve set it up like you described. But the portfolio grid still opens the gallery (post) for a single image after displaying the lightbox.

    • This reply was modified 10 years, 11 months ago by rs-art.
    #409699
    This reply has been marked as private.
    #407903

    case 1:

    http://www.amarequip.com/glass-body-autoclaves/#tab-id-2
    The above url just view it, we dont want table scrolling in specification tab .
    Help us with to stop the scrolling .we want fixed table ,we dont want movable .

    case 2 :

    For entire website we want google ubuntu font in header and content area help us with this query provide any link and solution.

    Reply me update @ (Email address hidden if logged out)

    #405022

    Hi!

    Add this to the Quick CSS field:

    .avia-search-tooltip form#searchform {
    overflow-y: auto;
    }

    If it doesn’t work, use this:

    .avia-search-tooltip form#searchform {
    overflow-y: scroll;
    }

    Cheers!
    Ismael

    kayzelmoo
    Participant

    Hi Enfold Team,
    I tried setting to no background, but the webpage still utilize a purple background in which I do not understand where it came from.
    Link is given at “Private content” section.
    CSS Utilize so far.

    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    position:relative;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#ffffff;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-webkit-linear-gradient(#ffffff,#ffffff);
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) {
    background-color: white !important;
    background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg");
    }
    
    .cloud-zoom-big {
    	border:4px solid #ccc;
    	overflow:scroll !important;
    }
    
    .four.units.single-product-main-image {
    overflow: visible !important;
    }
    
    ul.products li.product a img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        display: block !important;
        height: auto !important;
        margin: 0 0 8px !important;
        transition: all 0.2s ease-in-out 0s !important;
        width: 320px !important;
    }
    
    .mousetrap {
    z-index: 99999999 !important; position: absolute; width: 387px; height: 540px; left: 0px; top: 0px; cursor: move;
    }
    
    . single-product #av_section_1 {
    height: auto !important;
    }
    
    .title_container { 
    display: none !important; 
    }
    
    .single-product-main-image.alpha {
    z-index: 5000;
    overflow: visible !important;
    }
    
    .single-product-main-image { overflow: visible; }
    
    #footer .widgettitle {
    color: #ffffff !important;
    }
    
    .single-product .template-shop, .alternate_color, #header_main .container, .main_menu ul:first-child > li a {
    background-image: url(https://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg);
    }

    Help is appreciated as always.
    Best Regards,

    #394002

    Hey!

    Try to replace the code with this:

    .logo a, .logo a img {
    width: 961px;
    height: 110px;
    }
    
    .header-scrolled .logo a, .header-scrolled .logo a img {
    width: auto;
    height: auto;
    }

    Best regards,
    Ismael

    #393893

    Hi Coronacom!

    Add this to a codeblock element in the page.

    <style type = "text/css">
    #av_section_1 .av-special-heading {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
      float: left !important;
      width: auto !important;
    }
    </style>

    Cheers!
    Elliott

    #392681

    Hey Ryan!

    Thank you for using Enfold.

    You can enable the scrollbar when part of the table content is hidden. Add this on Quick CSS:

    table {
    overflow: auto;
    display: block;
    }

    Best regards,
    Ismael

    #392036
    juande007
    Participant

    Hola Josue…
    La web http://www.diegoestrada.es funciona mal con la ultima actualizacion de Enfold 3.0.8
    Cuando la ves desde un telefono móvil el menu vertical solapa las imagenes….

    Además este video que queremos insertar no funciona.

    Un saludo

    Te adjunto todas las personalizaciones que me habeis enviado para el campo Quick css

    ————————————-

    #top .avia-gallery .avia-gallery-thumb a {
    height: 255px;
    }
    #top #menu-item-search {
    display: none;
    }

    .image-overlay { background: transparent; }
    .image-overlay { display: none !important; }

    html {
    background-color: transparent;
    }

    #advanced_menu_toggle{
    display: none !important;
    }

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
    height: auto !important;
    top: 30px;
    }
    }

    @media only screen and (max-width: 800px) {
    .responsive #top #main .sidebar.smartphones_sidebar_active {
    position: absolute;
    }

    main.template-page.content.nine.units {
    margin-top: 300px;
    }
    }

    div#header_main { border-top: none!important; }
    #header_meta { box-shadow: none; }

    #scroll-top-link {display: none; }

    #390672

    In reply to: responsive fluid logo

    I managed to figure the first part out my self (example) by adding this,

    .logo {
    position: relative;
    display: block;
    width: 35%;
    max-width: 485px;
    height: auto;
    text-align: center;
    }
    .logo a {
    display: inline-block;
    vertical-align: middle;
    }

    I have also activated letting logo and menu adapt to browser window under header options, this gives me a bit more space to work with at smaller screen sizes…. and from 989px and under I want the responsive mobile menu activated which I have selected under the mobile header options. But a problem I’m having is that the logo isn’t centered between 768 and 989 pixel screen sizes and also the header bar doesn’t keep the same fixed height after scrolling like in mobile view.

    please advise. thank you.

    • This reply was modified 11 years ago by surfersp. Reason: still facing a few problems!!
    #388803

    Hi raustyle!

    Add this to your custom CSS.

    .header-scrolled .header, .header-scrolled .header img {
      max-height: 50px !important;
    }

    And you’ll want to set the width to auto probably.

    Cheers!
    Elliott

    Hey peterjtonkin!

    This might make your header look weird but you can try this CSS.

    #wrap_all { margin: 50px auto !important; }
    

    I think if you do this you will need to turn off the sticky setting for the header so it does not scroll down the page.

    As for making the header transparent you can do this.

    .header_bg { background: transparent !important; }
    

    Cheers!
    Elliott

    #386555

    Hi Elliott,

    I did that a couple of times but still no luck. Try adding http://www.tesafesa.nl to Facebook and you will see that it displays the shortcode:
    [av_fullscreen size='extra_large' animation='slide' autoplay='false' interval='5' control_layout=''] [av_fullscreen_slide id='10'][/av_fullscreen_slide] [/av_fullscreen] [av_section color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no…

    Please help!

    kayzelmoo
    Participant

    Hi Enfold team!
    The website used to be having a boxed layout with body background
    Secondly, the product page doesnt seem to be able to display gallery pictures and stuffs, the color scheme looks weird due to the CSS updates being overwrite I believe.
    Link is as provided at the bottom.
    CSS Codes used.

    .top-pink {
    font-family: "ITCAvantGardeGothicW01 MedN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
    text-align: center !important;
    background: #d4007a !important;
    color: #ffffff !important;
    }
    
    .main_color h2 { 
    color: #f27edb !important; 
    font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
    font-style: normal !important;
    text-rendering: optimizeLegibility !important;
    font-weight: normal !important;
    font-size: 2em !important;
    
    }
    
    .main_color p {
    font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
    margin: 0 0 1.5em !important;
    }
    
    #menu-item-140 a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-51 a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-95 a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-62 a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-134 a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-search a:hover {
    color: #f27edb !important;
    }
    
    #menu-item-171 a:hover {
    color: #f27edb !important;
    }
    
    .slogan {
    font-weight: normal !important;
    font-size: 2.2em !important;
    line-height: 1.4em !important;
    text-align: center !important;
    font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
    display: block;
    -webkit-margin-before: 1em !important;
    -webkit-margin-after: 1em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;  
    }
    
    #av-overlay-wrap {
    background: url("http://www.womanizer.com.sg/wp-content/uploads/2014/11/pink-background.jpg") !important;
    }
    
    #menu-item-search a {
    color: #f27edb !important;
    }
    
    #menu-item-140 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    #menu-item-51 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    
    #menu-item-95 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    #menu-item-62 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    #menu-item-134 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    #menu-item-171 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    #menu-item-95 a {
    font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    }
    
    .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    position:relative;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#ffffff;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-webkit-linear-gradient(#ffffff,#ffffff);
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    }
    
    #av-overlay-wrap { 
    overflow-x: scroll !important;
    }
    

    Help will be greatly appreciated!
    Regards,
    Kayzel

    #385708

    In reply to: Problem with forms

    Hi Elliott,

    Thanks for checking that out. Unfortunately, this is still occurring, as I just tried again from a different computer and the same issue happened.

    Please try do the same change I just did:

    1) open up this page in the front end: https://casateulada.com/calendar-rates/ Scroll down until you see the form and you’ll see the heading of the form saying ‘How Can We Help You?” in white. If you want fill in the form to receive a test of the autoresponder too.

    2) open up the same page in the back end and simply go to the ‘extract’ window underneath the elements. Just add whatever, a dot, a comma or a number at the end of the extract description, then hit save and update the page.

    3) now refresh the https://casateulada.com/calendar-rates/ page and tell me what you see when you scroll down. You should she that the form now has the header gone back to a default black ‘Send us Mail’ and all previously defined content (including the autoresponder message) has gone.

    This happens on whatever computer I’m at so I suppose it’s some conflict inside the site.

    I look forward to hearing your update on this as I’ve gone crazy for months trying to understand what’s going on.

    Thanks,

    Antonio

    #384241
    kayzelmoo
    Participant

    Hi Enfold Theme!
    I require some assistance as to when…
    I used color section and input avia div 2/3 + 1/3 and there’s an empty white space between the color section and footer seciton when I view the page.
    Any inputs on how can I not have that empty space and that it’ll be joined with footer section?

    Current CSS used!

    #av-overlay-wrap {
    background: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg") !important;
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    position:relative;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#ffffff;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-webkit-linear-gradient(#ffffff,#ffffff);
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) {
    background-color: white !important;
    background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg");
    }
    
    .cloud-zoom-big {
    	border:4px solid #ccc;
    	overflow:scroll !important;
    }
    
    .four.units.single-product-main-image {
    overflow: visible !important;
    }
    
    ul.products li.product a img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        display: block !important;
        height: auto !important;
        margin: 0 0 8px !important;
        transition: all 0.2s ease-in-out 0s !important;
        width: 320px !important;
    }
    
    .mousetrap {
    z-index: 99999999 !important; position: absolute; width: 387px; height: 540px; left: 0px; top: 0px; cursor: move;
    }
    
    . single-product #av_section_1 {
    height: auto !important;
    }
    
    .title_container { 
    display: none !important; 
    }
    
    .single-product-main-image.alpha {
    z-index: 5000;
    overflow: visible !important;
    }
    
    .single-product-main-image { overflow: visible; }

    Link is posted at the Private Content Section of this thread.

    Help is greatly appreciated :)
    Regards,
    Marcus

    #384188

    In reply to: Wufoo Form Error

    Hi!

    Okay I switched Autosize to False and made the form height 450. Now there is a large gap between the submit button and the headers below. Do you have any idea of how to fix the calendars so they show fully within the form without cutting out or forcing the scroll bar to appear?

    Thanks!

    #383992

    Hey dawsmik!

    Try adding this to your custom CSS.

    .av-image-caption-overlay {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
      bottom: -20px !important;
      color: black !important;
      height: auto !important;
      left: 50% !important;
      transform: translate(-50%) !important;
      width: auto !important;
    }

    Cheers!
    Elliott

    #383616
    clusive
    Participant

    Hi i’m really struggling trying to get the Open Graph working on Facebook.
    I’m having a similar problem just as the topic here suggested:
    https://kriesi.at/support/topic/opengraph-meta-not-being-added-correctly-from-the-yoast-seo-into-enfold/

    My website url is: http://www.tesafesa.nl

    When I paste the url in Facebook I get as the description: [av_fullscreen size='extra_large' animation='slide' autoplay='false' interval='5' control_layout=''] [av_fullscreen_slide id='10'][/av_fullscreen_slide] [/av_fullscreen] [av_section color=’main_color’ custom_bg=” src=” attachment=” attachment_size=” attach=’scroll’ position=’top left’ repeat=’no…

    I also changed the function.php just as the topic here suggested:
    https://kriesi.at/support/topic/opengraph-sharing-problem-meta-not-added/

    Also not working :(

    I’m using Yoast WordPress SEO and I changed the settings on the frontpage just as suggested in the first topic. The frontpage is set in the Enfold settings and under WordPress settings reading.

    What can I do to get the title, description and image right?

    • This topic was modified 11 years, 1 month ago by clusive.
    #382977

    In reply to: Boxed Layout Shadow

    This reply has been marked as private.
    #377550

    In reply to: Left sidebar tweaks

    Hi Joe!

    To do this you’ll need to have your header set to scroll and not sticky. Otherwise your menu will not be viewable on smaller screens.

    Add this to your custom CSS.

    .sub-menu {
      left: auto !important;
      opacity: 1 !important;
      position: relative !important;
      top: auto !important;
      visibility: visible !important;
    }
    .main_menu a { border: 0px !important; }
    

    Best regards,
    Elliott

    #376580
    abortolotti
    Participant

    Hey guys,

    I just noticed that the avatar/author image I used to have for my blogposts disappeared after installing a plugin called Social Media 2 WordPress for Google+, whose task is to Import your Google+ Posts to your WordPress Blog to populate it automatically.

    You can view what I’m talking about here:

    https://casateulada.com/activities/ (scroll down the page below the first full screen image to view the default Enfold author image)

    I deactivated the plugin, emptied the browser cache and reload the page but the author image doesn’t get back.

    Any clue on how to fix that?

    Thanks!

    #376234
    julianrapp
    Participant

    My webpage (fabriccoveredshutters.co.uk) auto-scrolls to its calculator section ( it’s in an iframe ). Also, if you hit “enter” after imputing data in the calculator it scrolls up within the section and cannot be bought back down. Help needed! Thanks in advance.

    #376089
    CoolPenguinSays
    Participant

    Hi Yigit / guys, I am very sorry to see that without changing any code a problem has returned to my website that I thought we’d fixed here –
    https://kriesi.at/support/topic/fix-the-bread-crumb-bar-part-2/

    If you look at page – http://catenais.co.uk/wordpress/products/ and scroll down, a huge gap appears between the breadcrumb bar and the menu (title bar). This occurred before (see part 2 ) but was fixed, and now it has returned? Not sure why to be fair.

    This is a ll of my custom CSS –

    /* nav.main_menu {
    background-image: url(http://catenais.co.uk/wordpress/wp-content/uploads/2014/09/quality-marks.jpg);
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    }
    .main_menu ul:first-child > li a {
    line-height: 85px;
    }
    */
    h5 { color: #fe0000; }
    .my-custom-image {
    float: right;
    max-height: 100px;
    }
    .my-custom-image img {
    height: 60px;
    margin-right: 70px;
    }
    .header-scrolled .my-custom-image img {
    height: 35px;
    }
    .av-main-nav > li > a > .avia-menu-text {
    position: relative;
    top: 20px;
    }

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor {
    padding-left: 0;
    left: 0;
    box-shadow: none;
    background-color: white!important; }

    .header-scrolled + #main .stretch_full.title_container {
    position: fixed;
    top: 91px;
    z-index: 1000;
    width: 100%;
    }

    .header-scrolled + #main .stretch_full.title_container .container {
    width: 1130px;
    }

    .title_container { background-color:#d60000!important; }
    #top .alternate_color.title_container .main-title a { color: white; }

    .breadcrumb-trail * { color: white!important; }

    /*https://www.youtube.com/watch?v=eQ8sr7WgpxE*/

    .avia-msie .header-scrolled + #main .title_container.stretch_full {
    top: 60px;
    }

    .margintop {
    margin-top: 20px; }

    #373961

    Ismael,
    Super confused are where to find this code, where is config-templatebuilder > avia-shortcodes > portfolio.php?
    I went here and couldn’t find it /wp-admin/theme-editor.php?file=template-builder.php&theme=enfold
    Should I be looking somewhere else?

    1). Would be great if under the link settings for a Portfolio item there was a drop down to define where to open the link (self, light box, new tab) after setting a manual link.

    2). Is there any way to create CryOut Columns? A number of free themes like Tempera have this option and like looks super slick and is easy to use, plus you can define link location super easy or have the most recent post automatically show up in a spot. Here is an example if you scroll down the sample page I created here http://bowlerbash.com/

    #373634

    Hey!

    Try adding this as well.

    .av-special-heading-tag {
        background: none repeat scroll 0 0 white !important;
        left: 50% !important;
        position: relative;
        transform: translate(-50%);
        z-index: 100;
        display: inline-block !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 10px !important;
        width: auto !important;
    }

    Cheers!
    Elliott

    #372983
    kayzelmoo
    Participant

    Hi Enfold Team,
    The cloud zoom is hiding under the description area.
    Help would be greatly appreciated.
    Regards,
    Kayzel

    Private content link is as provided below.

    CSS Codes utilized:

    #av-overlay-wrap {
    background: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg") !important;
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }
    
    #top .woocommerce-message{
    padding:1em 1em 1em 3.5em!important;
    margin:0 0 2em!important;
    position:relative;
    -webkit-border-radius:0px;
    border-radius:0px;
    background:#ffffff;
    background-color: transparent !important;
    border: 0px;
    background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    background:-webkit-linear-gradient(#ffffff,#ffffff);
    background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
    background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
    color:#000000 !important;
    text-shadow:0 1px 0 #fff;
    list-style:none outside!important;*zoom:1;width:auto;
    -webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
    }
    
    .main_color .avia_cart, .main_color form, .main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) {
    background-color: white !important;
    background-image: url("http://www.mylittlestorybox.com/wp-content/uploads/2014/12/pastel-pink-background-temp.jpg");
    }
    
    .cloud-zoom-big {
    	border:4px solid #ccc;
    	overflow:scroll !important;
            z-index: 99999999 !important;
    }
    
    .four.units.single-product-main-image {
    overflow: visible !important;
    }
    
    . single-product #av_section_1 {
    height: auto !important;
    }
    
    .title_container { 
    display: none !important; 
    }
    
    #369323
    kennethwang14
    Participant

    Here is my website : http://www.warriorstronghold.com/

    There should be a fullwidth slider at the very top, it even exists in the HTML source code:
    <div id=”full_slider_1″ class=”avia-fullwidth-slider main_color avia-shadow avia-builder-el-0 el_before_av_heading avia-builder-el-first container_wrap sidebar_right”><div data-size=”featured_large” data-lightbox_size=”large” data-animation=”slide” data-ids=”’3475′,’3476′,’3477′,’3498′” data-video_counter=”0″ data-autoplay=”true” data-bg_slider=”false” data-slide_height=”” data-handle=”av_slideshow_full” data-interval=”9″ data-class=” ” data-css_id=”” data-scroll_down=”” data-control_layout=”av-control-default” data-custom_markup=”” data-perma_caption=”” data-src=”” data-position=”top left” data-repeat=”no-repeat” data-attach=”scroll” data-stretch=”” data-default-height=”42″ class=”avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-featured_large av_slideshow_full avia-slide-slider ” itemscope=”itemscope” itemtype=”https://schema.org/ImageObject”><ul class=”avia-slideshow-inner” style=”padding: 0px; height: 0px;”></div></div>

    For some reason, it is not showing up. It showed up before, but one day it disappeared. I tried updating enfold; using CSS to try and not make it “display:none” (in case it might be for some reason).

    Can someone advice me on what I should do?

    Thanks
    Kenneth

Viewing 30 results - 961 through 990 (of 1,186 total)