Prev Previous Post   Next Post Next
  #1  
Old 08-07-2019, 07:49 PM
Rowan Henseleit1's Avatar
Rowan Henseleit1 Rowan Henseleit1 is offline
Junior Member
 
Join Date: Aug 2019
Posts: 5
Default More Info on checkout

Hi,

I have customised my checkout item page with this

HTML Code:
.ec-cart__products {
    font-size: 10px !important;
    color: black !important;
    letter-spacing: 1px !important;
    font-weight: bold !important;
   }

   .ec-cart__item{
    border-radius: 0px !important;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
    background: white !important;
   }

   .ec-cart-item__image {
    display: none;
   }

   .ec-cart-item__title {
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: arial !important;
    color: white !important;
    letter-spacing: 1px !important;
    background:linear-gradient(to right, #000080, #1084d0) !important;
    top: 2px;
    left: 2px;
    right: 2px;
    margin: 0;
    padding: 0;
    line-height:22px;
    border: 1px solid !important;
    border-top-color: #808080 !important;
    border-left-color: #808080 !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }
   
   .ec-cart-item__control {
    right: 4px !important;
    bottom: 2px !important;
   }

   .ec-cart-item__control-inner svg{
    color: black !important;
    opacity: 1 !important;
    stroke-width: 12 !important;
    height: 14px !important;
    width: 14px !important;
    background: #bfbfbf !important;
    border: 1px solid !important;
    border-top-color: #dfdfdf !important;
    border-left-color: #dfdfdf !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    box-shadow: 1px 1px 0 0 #000 !important;
   }

   .ec-cart-item__price {
    left: 4px !important;
   }
However the styling is not there when I first enter the shopping cart and must click 'more info' for the styling to be shown.

I am wondering if there is a way to remove having to click more info so my styling can always be there.

I have attached images of the before and after of clicking 'more info'

Thanks,
Rowan
Attached Thumbnails
Click image for larger version

Name:	Untitled-1.jpg
Views:	46
Size:	365.5 KB
ID:	3911   Click image for larger version

Name:	Untitled-2.jpg
Views:	42
Size:	437.3 KB
ID:	3912  

Last edited by Rowan Henseleit1; 08-07-2019 at 09:32 PM.
 

Tags
css, html, javascript

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:04 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.