Home › Forums › Basel support forum › CSS is not loading properly until refresh the page manually

CSS is not loading properly until refresh the page manually

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 24, 2021 at 10:10 pm #320961

    xsports81
    Participant

    Hello.
    After update to the latest theme version, I detect some issues with CSS. It’s loading correctly on the second manual refresh. The problem is on products title align and on .product-grid-item margin bottom. I try to fix it, but still no luck.

    Could you help me?
    Thanks in advance.
    Regards George

    September 25, 2021 at 2:28 pm #321072

    Elise Noromit
    Member

    Hello,

    Please remove the Woocommerce Product element and insert Product Grid or Carousel instead: https://gyazo.com/9c6b68282bc2d65e046869f540535842

    You can find the elements in the WP bakery page builder chart: https://xtemos.com/docs/basel/shortcodes/

    Best Regards

    September 25, 2021 at 6:29 pm #321092

    xsports81
    Participant

    Hello.
    I forgot to inform you that this problem is on single product page on Related product view (GRID).

    Best Regards.

    September 25, 2021 at 9:20 pm #321114

    Elise Noromit
    Member

    Hello,

    Please, confirm the permission for plugins deactivation, switching to the parent or default theme. This testing may take up to 15 minutes. You would better make the full backup of your site.

    Best Regards

    September 25, 2021 at 9:25 pm #321116

    xsports81
    Participant

    Hello.
    I confirm the permission for plugins deactivation, switching to the parent or default theme.

    Regards
    George

    September 25, 2021 at 9:33 pm #321118

    Elise Noromit
    Member

    Hello,

    As soon as I deactivated the plugins and switched to the parent theme the problem disappeared: https://gyazo.com/7a43ba9d9201a97535859a332dfab8ed
    Please deactivate all the plugins except these ones:

    Contact Form 7
    Mailchimp for WordPress
    Safe SVG
    Slider Revolution
    WooCommerce
    WPBakery Page Builder
    XTEMOS Post Types plugin
    Switch to the parent theme

    As soon as the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem. Finally, activate the child theme and check.

    If you have any questions please feel free to contact us.

    Best Regards

    September 25, 2021 at 9:41 pm #321119

    xsports81
    Participant

    Hello.

    Just try it. Still no luck.

    Regards
    George

    September 26, 2021 at 6:50 pm #321212

    Elise Noromit
    Member

    Hello,

    Please the related products now. I have switched to the parent theme and deactivated the Woocommerce slider the problem disappeared.

    Best Regards

    September 26, 2021 at 11:24 pm #321270

    xsports81
    Participant

    Sorry but the problem not disappeared.
    I have tried it on 3 different browsers with cleared history. The product title still is underlined on the left and the size is 15px instead of 12px that I have on Custom CSS.
    For some kind of reason some changes on custom css is not take effect until the manual refresh of the page. This problem is taken effect randomly when you browsing the pages and products.
    Fo this reason I made some changes directly on theme’s CSS in order to keep it.
    I think that something is going with custom CSS.
    The changes that I try to make is on
    .product-grid-item .product-title a {
    font-size: 15px; to 12px

    .basel-hover-alt .product-title a {
    padding-bottom: 1px; to 0px
    border-style: solid; to none
    border-color: rgba(0,0,0,0.1); to #fff
    }

    Best Regards.

    September 28, 2021 at 6:14 am #321565

    Eric Watson
    Participant

    Hello,

    In this situation are you able to provide us your FTP access so we could troubleshoot it and provide you with a solution?

    Best Regards.

    September 28, 2021 at 7:41 am #321601

    xsports81
    Participant

    Yes, of course.
    Here it is.

    Best Regards

    September 29, 2021 at 9:02 am #321918

    Elise Noromit
    Member

    Hello,

    You have custom CSS and you have taken the selector that already exists. Have a look at the screen: https://monosnap.com/file/c4nQBC9ZjhK2J47TxLR19YQpinTSVE

    You need to add teg body to your selector.

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)