Nilan

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 166 total)
  • Author
    Posts
  • in reply to: TG Services Widget Alignment #1376029

    Nilan
    Moderator

    @wongjl,

    you can add !important on css as follows.

    #featured-wide-slider .bx-viewport {
        max-height: 768px !important;
    }

    Regards,
    ThemeGrill Support

    in reply to: LinkedIn icon #1375827

    Nilan
    Moderator

    @inf01226,

    Seems like you have added some custom CSS for .social-icons-wrapper li a. Make some adjustments as follow.

    .social-icons-wrapper li a {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        height: auto;
        width: auto;
    }

    And add some additional CSS from below.

    .social-icons-wrapper li:last-child {
        margin-left: 0
    }
    
    .social-icons-wrapper li a[href*="linkedin.com"] {
        font: 0/0 a;
        color: transparent;
    }
    
    .social-icons-wrapper li a[href*="linkedin.com"]::before {
        line-height: 20px;
        padding: 0;
    }

    Regards,
    ThemeGrill Support

    in reply to: Menu dropdowns move down page after scrolling #1375627

    Nilan
    Moderator

    Hi Cari,

    Add the following CSS code to the additional CSS code.

    .navigation-default .menu-primary > ul > li .sub-menu {
        position: absolute;
    }

    Hope this will be helpful to you. If there is anything else you need regarding our theme, let us know.

    Regards,
    ThemeGrill Support

    in reply to: Modifying Blog Post Alignments #1375625

    Nilan
    Moderator

    @contact185,

    Can you add the following CSS code to the additional CSS box.

    .blog-section .tg-blog-widget-layout-1 .tg-column-2 {
        padding: 15px;
    }
    
    .blog-section .tg-blog-widget-layout-1 .row:nth-child(odd) .post-image,
    .blog-section .row:nth-child(odd) .blog-content {
        width: 100%;
        float: none;
    }
    
    .blog-section .row:nth-child(odd) .blog-content {
        text-align: center;
    }
    
    .blog-section .row:nth-child(odd) .post-image::before{
        top: 97%;
        right: 50%;
        transform: rotate(90deg);
     
    }

    Regards,
    Themegrill Support

    in reply to: Problems with boxed layout #1375507

    Nilan
    Moderator

    Hi,

    Can you try the css code below by copying to the additional CSS.

    .site {
        overflow-x: initial;
    }

    Regards,
    ThemeGrill Support

    in reply to: Drop-down menu shifts on Safari #1375218

    Nilan
    Moderator

    Hi jkrph,

    Thanks for informing this issue. We will fix this in our next update. Thank you for your patience.

    Regards,
    ThemeGrill Support

    in reply to: Post Title Disappeared #1374475

    Nilan
    Moderator

    Hi Francisco,

    Can you try the CSS code below.

    .tickercontainer i.fa-arrow-up, .tickercontainer i.fa-arrow-down {
        width: auto;
    }

    Hope this will be helpful to you.

    Regards,
    ThemeGrill Support

    in reply to: Custom Logo centred #1373658

    Nilan
    Moderator

    Hi zooshopaquani,

    Add the following CSS code to the additional CSS box.

    .inner-wrap {
        text-align: center;
    }
    
    #header-logo-image {
        float: none;
    }

    Regards,
    ThemeGrill Support

    in reply to: stripe plugin broke single product layout #1373211

    Nilan
    Moderator

    Hi ls1612,

    Add the following CSS to the additional css box.

    `.widget-featured-collection .bx-controls {
    top: 50%;
    transform: translatey(-50%);
    width: 100%;
    }

    .widget-featured-collection .bx-controls .bx-prev{
    margin-left: -35px
    }

    .widget-featured-collection .bx-controls .bx-next{
    float: right;
    margin-right: -35px
    }`

    Regards,
    ThemeGrill Support


    Nilan
    Moderator

    Hi info1516,

    To make forms visible on small screens, add the following CSS code to the additional CSS box.

    @media (max-width: 600px) {
      .woocommerce-checkout .entry-content .woocommerce {
          width: 100%;
      }
    }

    Likewise, for the “address details” here’s the CSS code.

    .woocommerce-page .woocommerce-checkout #customer_details.col2-set #order_comments_field textarea {
        background: #ffffff
    }

    Regards,
    ThemeGrill Support


    Nilan
    Moderator

    Hi,

    Add the following CSS code.

    .woocommerce ul.products li.product .product_type_variable {
        border-radius: 25px;
    }

    Hope this will be helpful to you.

    If there is any thing else regarding our theme, please let us know.

    Regards,
    ThemeGrill Support


    Nilan
    Moderator

    HI info1516,

    There’s not rounded add to cart button on your page. Can you tell us in which page or section you are having this issue?

    For the hot area text issue, add the following CSS code to the additional CSS box.

    .hot-product-content-wrapper .hot-img .cart-price-wrapper .product_type_variable {
        float: left;
        color: #ffffff;
    }

    Regards,
    ThemeGrill Support

    in reply to: Form required fields asterisk looks weird #1372128

    Nilan
    Moderator

    Hi pt1,

    Add the following CSS code to the additional CSS.

    abbr[title], acronym[title] {
        text-decoration: none;
    }

    Hope this will be helpful to you.

    Regards,
    ThemeGrill Support

    in reply to: Slider not showing on tablet or phone #1371757

    Nilan
    Moderator

    @cobberas63,

    Can you check the following links.

    Firefox: https://imgur.com/a/E5OwfRd

    Chrome: https://imgur.com/a/L1J1g8s

    Regards,
    ThemeGrill Support

    in reply to: Slider not showing on tablet or phone #1371745

    Nilan
    Moderator

    Hi cobberas63,

    It’s looks fine on our computer.

    View post on imgur.com

    Regards,
    ThemeGrill Support

Viewing 15 posts - 1 through 15 (of 166 total)