Okay
  Public Ticket #3568785
website pagination, wpbakery, slider
Closed

Comments

  •  1
    Matteo started the conversation

    Hi, I need some help around the pagination of a website https://www.osteriadaoreste.it/ :

    1) The first slider is fullwidth, but I am not able with wpbakery to make also the other sliders of the home to appear fullwidth, any suggestion?


    2) Ehy the white text into the grey button named "cucina" is appearing centered, instead all otehr similar voices are well impaginated? I am not able to change it too. (the others good are: osteria, cantina, the band, contatti)

    3) under each slider there is a text and only the first text is well paginated, instead all others are appearing outside of the screen ,on both mobile and desktop view. consider that there is a lot of custom code made from another webdesigner and maybe that is influencing the pagination?


    @font-face {
      font-family: farnham;
      src: url(https://www.osteriadaoreste.it/font/FarnhamText-Regular.otf);
    }
    @font-face {
      font-family: farnham;
      src: url(https://www.osteriadaoreste.it/font/FarnhamText-Bold.otf);
      font-weight: bold;
    }
    p,h1,h2,h3,h4,h5,h6,span,label,a,ul,li {font-family:farnham !important;}
    .sf-menu .menu-item a { border: 1px solid #364735;
        padding: 10px 10px !important;
        border-radius: 20px; }
        
    .sf-menu .menu-item a:after {display:none !important;}
    .destra .vc_column-inner .wpb_wrapper .nectar-animated-title .nectar-animated-title-outer .nectar-animated-title-inner {    border-top-right-radius: 30px;
        border-bottom-right-radius: 30px; padding-left: 100px;}
    .destra .nectar-animated-title .nectar-animated-title-inner:after{
       border-top-right-radius: 30px;
       border-bottom-right-radius: 30px;
    }
    .sinistra .vc_column-inner .wpb_wrapper .nectar-animated-title .nectar-animated-title-outer .nectar-animated-title-inner { border-top-left-radius: 30px;
        border-bottom-left-radius: 30px; padding-right: 100px;}
    .sinistra .nectar-animated-title .nectar-animated-title-inner:after{
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        
    }
        #fp-nav{display:none;}
        .maxaltezza{max-height:400px; overflow: auto;}
        .maxaltezza .wpb_wrapper{padding-right:10px;}
        @media (max-width: 640px) {#sb_instagram.sbi_col_5 #sbi_images .sbi_item{width:33%;} .your-email{padding-left:20px; padding-right:20px;} #top{padding-left:15px; padding-right:15px;} #copyright{padding-left:15px !important; padding-right:15px !important;}.sbi-screenreader{display:none !important;}#sb_instagram .sbi_follow_btn {display:block !important;}
            .instagrammobile .vc_column-inner .wpb_wrapper .wpb_content_element .wpb_wrapper p {display:none;}
            #contenitore {position:fixed; height:54px; background-color:white; bottom:0px; left:0px; width:100%; z-index:22; display:flex; align-items: center;justify-content: space-between;}
            #nectar_fullscreen_rows .wpb_row {height:100% !important; overflow:auto !important; /padding-bottom:50px !important;/}
        }
        #prenota {bottom: 0px;    z-index: 22;    left: 5px; margin-top: 10px;}
        #regala {
        bottom: 0px;
        z-index: 22;
        right: 5px;
            margin-top: 10px;
        }
        #delivery {bottom: 2px;    z-index: 22;    left: 100px; margin-top: 10px;}
        #delivery img {}
        .col1img, .col2img, .col3img { width: auto !important; overflow: hidden;}
        .hover-wrap-inner {overflow: hidden;}
        .buttonfooter a {border:1px solid #374735; border-radius:50px; padding: 10px 20px; color:#374735; background-color:rgba(247,246,240,100);}
         @media (min-width: 640px) {#contenitore,#prenota,#regala{display:none !important;}}
         code {background-color:transparent !important;}
         
         .nectar-button, .medium, .see-through-2 {
             border-radius: 50px !important;
             
             
         }
         .sf-menu .menu-item a {
        border: 2px solid #364735;
        padding: 7px 7px 9px 7px !important;
        border-radius: 20px;
    }
    #top nav > ul > li > a, .span_3 .pull-left-wrap > ul > li > a, body.material #search-outer #search input[type="text"], #top nav ul .slide-out-widget-area-toggle a i.label, #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-secondary-outer .nectar-center-text, #slide-out-widget-area .secondary-header-text, #header-outer #mobile-menu ul li a, #header-outer #mobile-menu .secondary-header-text {
        font-family: Fira Sans;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    #top nav ul li a {color: #374735;}
    .sf-menu .menu-item a:hover {
        background-color: #364735;
        color: #ffffff !important;
        border: 2px solid #364735;
    }
         
    .ascend .container-wrap .span_12.light input[type="text"], .ascend .container-wrap .span_12.light textarea, .ascend .container-wrap .span_12.light input[type="email"], .ascend .container-wrap .span_12.light input[type="password"], .ascend .container-wrap .span_12.light input[type="tel"], .ascend .container-wrap .span_12.light input[type="url"], .ascend .container-wrap .span_12.light input[type="search"], .ascend .container-wrap .span_12.light input[type="date"] {
        border-bottom: 1px solid rgba(255,255,255,0.6);
        color: #fff;
        border-top: 1px solid #374735;
        border-left: 1px solid #374735;
        border-right: 1px solid #374735;
    }
        #footer-outer .widget h4, #sidebar h4, #call-to-action .container a, .uppercase, .nectar-post-grid-wrap .load-more, .nectar-button, .nectar-button.medium, .nectar-button.small, .nectar-view-indicator span, .nectar-3d-transparent-button, .swiper-slide .button a, .play_button_with_text span[data-font*="btn"], body .widget_calendar table th, body #footer-outer #footer-widgets .col .widget_calendar table th, body:not([data-header-format="left-header"]) #top nav > ul > .megamenu > ul > li > a, .carousel-heading h2, body .gform_wrapper .top_label .gfield_label, body .vc_pie_chart .wpb_pie_chart_heading, #infscr-loading div, #page-header-bg .author-section a, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .ascend input[type="submit"], .ascend button[type="submit"], .material input[type="submit"], .material button[type="submit"], body.material #page-header-bg.fullscreen-header .inner-wrap > a, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, .widget h4, .text-on-hover-wrap .categories a, .text_on_hover.product .add_to_cart_button, .woocommerce-page .single_add_to_cart_button, .woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.qty, .woocommerce-page #respond input#submit, .meta_overlaid article.post .post-header h3, .meta_overlaid article.post.quote .post-content h3, .meta_overlaid article.post.link .post-content h3, .meta_overlaid article .meta-author a, .pricing-column.highlight h3 .highlight-reason, .blog-recent[data-style="minimal"] .col > span, body .masonry.classic_enhanced .posts-container article .meta-category a, body .masonry.classic_enhanced .posts-container article.wide_tall .meta-category a, .blog-recent[data-style*="classic_enhanced"] .meta-category a, .nectar-recent-posts-slider .container .strong, .single .heading-title[data-header-style="default_minimal"] .meta-category a, .nectar-fancy-box .link-text, .woocommerce-account .woocommerce-form-login button.button, .woocommerce-account .woocommerce-form-register button.button, .post-area.standard-minimal article.post .post-meta .date a, .post-area.standard-minimal article.post .more-link span, .nectar-slide-in-cart .widget_shopping_cart .buttons a, .material.product .product-wrap .product-add-to-cart a .price .amount, .material.product .product-wrap .product-add-to-cart a span, ul.products li.material.product span.onsale, body[data-button-style="rounded"] #pagination > a, html body #pagination > span, .woocommerce nav.woocommerce-pagination ul li a, html body nav.woocommerce-pagination ul li a, html body nav.woocommerce-pagination ul li span, .woocommerce .material.product .product-wrap .product-add-to-cart a.added_to_cart, .woocommerce-page ul.products li.product.material .price, .woocommerce-page ul.products li.product.material .price ins span, body[data-form-submit="see-through-2"] input[type="submit"], body[data-form-submit="see-through-2"] button[type="submit"], body[data-form-submit="see-through"] input[type="submit"], body[data-form-submit="see-through"] button[type="submit"], body[data-form-submit="regular"] input[type="submit"] body[data-form-submit="regular"] button[type="submit"], .nectar_team_member_overlay .team_member_details .title, body:not([data-header-format="left-header"]) #top nav > ul > .megamenu > ul > li > ul > li.has-ul > a, .nectar_fullscreen_zoom_recent_projects .project-slide .project-info .normal-container > a, .nectar-hor-list-item .nectar-list-item-btn, .nectar-category-grid-item .content span.subtext, body .woocommerce .nectar-woo-flickity[data-controls="arrows-and-text"] .nectar-woo-carousel-top, .products li.product.minimal .product-add-to-cart a, .woocommerce div.product form.cart .button, .nectar-quick-view-box .nectar-full-product-link, .woocommerce-page .nectar-quick-view-box button[type="submit"].single_add_to_cart_button, #header-outer .widget_shopping_cart a.button, .woocommerce .classic .product-wrap .product-add-to-cart .add_to_cart_button, .text_on_hover.product .nectar_quick_view, .woocommerce .classic .product-wrap .product-add-to-cart .button.product_type_variable, .woocommerce.add_to_cart_inline a.button.add_to_cart_button, .woocommerce .classic .product-wrap .product-add-to-cart .button.product_type_grouped, .woocommerce-page .woocommerce p.return-to-shop a.wc-backward, .yikes-easy-mc-form .yikes-easy-mc-submit-button {
        font-family: farnham;
        text-transform: none !important;
        letter-spacing: 0px;
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    @media only screen and (max-width: 999px){ body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 60px !important;
    }
    }
    .wpcf7-form-control {border-radius: 50px !important;}
    .default-logo {height:100px !important;}
    #header-outer #logo {margin-top: 20px; margin-bottom: 20px;}
    #slide-out-widget-area .inner {display:none !important;}
    @media (max-width: 640px) {#slide-out-widget-area.slide-out-from-right-hover{width:280px; padding: 42px !important;} .slide-out-widget-area-toggle {right: 45px !important;} #header-outer #logo {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
        #copyright{margin-bottom:50px !important;}
    }
    .wpcf7-email{border-radius:0 !important;}
    body[data-form-submit="regular"] .container-wrap input[type=submit], body[data-form-submit="regular"] .container-wrap button[type=submit], body[data-form-submit="see-through"] .container-wrap input[type=submit], body[data-form-submit="see-through"] .container-wrap button[type=submit]:not(.search-widget-btn) {
        padding: 10px 22px!important;
    }
    .slidermobile .full-page-inner-wrap-outer .full-page-inner-wrap .full-page-inner .container .span_12, .slidermobile .full-page-inner-wrap-outer .full-page-inner-wrap .full-page-inner .container .span_12 .vc_col-sm-12 {margin-bottom: 0 !important;}
    

    Attached files:  cucina.png

  •  3,001
    Andrew replied

    Hi Matteo,

    Thank you for reaching out to us.

    1. You need to remove the translateX that is currently set to 90 in the row settings to fix this issue. I have attached a screenshot of the same.

    1398622054.png
    8389246796.png

    2. You need to change the font alignment of the column that is holding the button to "right" to tight align the button.

    4826259412.png
    6200019923.png

    3. To fix this issue, you need to remove the Translate X transformation as advised in the frst response.

    Try this and let us know how it goes.

    Kind regards,

  •  1
    Matteo replied

    Super thanks, issues solved, have a grea tday!