Knowledgebase
ROES Help Desk > ROES Help Desk > Knowledgebase

Search help:


ROES Web - Customizing Labels, Messages and Content With CSS

Solution

Customizing Labels, Messages and Content In ROES Web Using CSS

Use the following snippets of CSS to customize the labels, messages and other content in your ROES Web Client.

1.  Search the content below for the text you see in the current button, prompt or label of your Client

2.  Copy the CSS:

              /*Log in*/

             .btn-login:after {

              content: 'Log In';

              }

3.  Change the "content":

             /*Log in*/

            .btn-login:after {

             content: 'Sign In';

             }

4.  Copy and paste into your CSS file and upload the CSS

 

__________________________________________________________________________________

 

/******************** PRODUCTS PAGE ********************/

 

/************* TOP BAR ************/

 

/*Log in*/

.btn-login:after {

    content: 'Log In';

}

/*Products*/

.nav-products:after {

    content: 'Products';

}

/*Cart Summary*/

.nav-items:after {

    content: ' items';

}

/*Clear Cart Prompt*/

.catalog-warning:after {

    content: 'For production and shipping reasons, you have to clear your cart to order from this catalog.';

}

/*Clear Cart Button*/

.btn-catalog-warning:after {

    content: 'Clear Cart';

}

 

 

/********* [LOG IN WINDOW] ********/

/*Log In Header*/

.lbl-login:after {

    content: 'Log In';

}

/*Account*/

.lbl-login-account:after {

    content: 'Account:';

}

/*Password*/

.lbl-login-password:after {

    content: 'Password:';

}

/*Continue as Guest*/

.btn-login-guest:after {

    content: 'Continue as Guest';

}

/*Log In*/

.btn-login:after {

    content: 'Log In';

}

 

/*Saved Projects*/

.label-saved-projects:after {

    content: 'Saved Projects';

}

/*Favorites*/

.label-favorites:after {

    content: 'Favorites';

}

 

 

/************[FAVORITES PANELS]************/

 

/******REMOVE FAVORITE PANEL******/

/*Remove Favorite*/

.header-confirm-remove-favorite:after {

    content: 'Remove Favorite';

}

/*Prompt*/

.lbl-confirm-remove-favorite:after {

    content: 'Are you sure you want to delete this favorite?';

}

/*Cancel*/

/*Shares With New Group Panel*/

 

 

/*******NEW GROUP PANEL (+)*******/

/*New Group*/

.new-favorite-group-header:after {

    content: 'New Group';

}

/*New Name*/

.label-new-favorite:after {

    content: 'New Name:';

}

/*Cancel*/

.label-cancel:after {

    content: 'Cancel';

}

/*OK*/

.label-ok:after {

    content: 'OK';

}

/*Remove*/

.label-remove:after {

    content: 'Remove';

}

 

 

/******REMOVE GROUP PANEL (-)******/

 

/*Remove Group Header*/

.remove-favorite-group-header:after {

    content: 'Remove Group';

}

/*Prompt*/

.remove-favorite-input:after {

    content: 'Are you sure you want to delete \"' attr(data-label) '\"?';

}

 

 

/******** RENAME GROUP PANEL ********/

 

/*Rename Group*/

.rename-favorite-group-header:after {

    content: 'Rename Group';

}

/*New Name*/

/*(Uses css from New Group)*/

 

/*Cancel-Uses css from*/

/* New Group Panel*/

 

 

/*******RENAME FAVORITE PANEL *******/

/*Rename Favorite*/

.rename-favorite-header:after {

    content: 'Rename Favorite';

}

/*Prompt*/

.rename-favorite-input:after {

    content: 'Are you sure you want to delete \"' attr(data-label) '\"?';

}

/*Cancel-Uses css from*/

/***Rename Favorite Panel***/

/*Rename Favorite*/

.label-rename-favorite:after {

    content: 'Rename Favorite';

}

/*New Name*/

.label-new-name:after {

    content: 'New Name:';

}

/*Rename*/

 

 

/*******REMOVE FAVORITE PANEL *******/

/*Remove Favorite Header*/

.remove-favorite-header:after {

    content: 'Remove Favorite';

}

 

 

 

/******************** WORKSPACE PAGE ********************/

 

/****Cart Summary - Task Bar (items)****/

.nav-item:after {

    content: ' items';

}

/*Options*/

.btn-template-options:after {

    content: 'Options';

}

 

 

/*******Units*******/

/*Image Options*/

 

/*Add to Cart*/

.add-to-cart:after {

    content: 'Add to Cart';

}

/*Added*/

.add-to-cart-added:after {

content: 'Added';

}

 

 

/*******Books*******/

/*Cover Options*/

.btn-book-options:after {

    content: 'Cover Options';

    text-align: center;

    white-space: normal;

    word-wrap: break-word;

}

/*Save for Later*/

.btn-save-later:after {

    content: 'Save for Later';

}

/*Saving Book Panel*/

.label-saving-book:after {

content: 'Saving for later, wait...';

}

 

}

/*Page left*/

.page-left-number:before, .page-right-number:before {

    content: 'Pág ';

}

 

/*Prompt*/

.book-save-ready:after {

    content: 'Your saved project can be found next to Favorites.';

}

/*Download Preview*/

.btn-book-preview:after {

    content: 'Download Preview';

}

/***Save Changes***/

.add-to-cart-editing:after {

    content: 'Save Changes';

}

/*Saved*/

.add-to-cart-edited:after {

content: 'Saved';

}

/*Click Here to Choose Images*/

.lbl-workspace-choose-images-click:after {

    content: 'Click Here to Choose Images';

}

/*Choose Images*/

.lbl-workspace-choose-images:after {

    content: 'Choose Images';

}

/*Select All*/

#select-all-btn:after {

    content: 'Select All';

}

/*Others*/

#select-others-btn:after {

    content: 'Others';

}

/*None*/

#select-none-btn:after {

    content: 'None';

}

 

 

/**** Batch Add Images Panel ****/

/*Add Images*/

.header-add-images:after {

    content: 'Add Images';

}

/*Prompt*/

.label-add-images:after {

    content: 'Add a ' attr(data-label) ' at quantity ' attr(data-label-2) ' for each of these ' attr(data-label-3) ' images?';

}

/*Add Them All*/

.btn-batch-add-yes:after {

    content: 'Add Them All!';

}

 

 

 

/******************** CART PAGE ********************/

 

/*Shopping Cart*/

.label-cart-header:after {

    content: 'Shopping Cart';

}

/*Browse Products*/

.btn-cart-empty:after {

content: 'Browse Products';

}

 

/*Image Options*/

 

/*CART*/

.btn-cart-options:after {

    content: 'Cart';

}

/*Image Options*/

.btn-cart-image-options:after {

    animation: tabLabelExpander .4s ease-in-out 0s 1;

    content: ' Image Options';

}

/*Empty Cart Message*/

.cart-empty-label:after {

    content: 'Nothing in your cart ... YET!';

}

/*CLEAR CART*/

.btn-clear-cart:after {

    content: 'Clear Cart';

}

/*Confirm Clear CART Dialog Header*/

.header-confirm-clear-cart:after {

    content: 'Clear Cart';

}

/*Confirm CLEAR CART Dialog Label*/

.lbl-confirm-clear-cart:after {

    content: 'Are you sure you want to clear your cart?';

}

/*Cancel and Keep Cart*/

.btn-clear-cart-no:after {

    content: 'Cancel and Keep Cart';

}

/*Clear Cart and Continue*/

.btn-clear-cart-yes:after {

    content: 'Clear Cart and Continue';

}

/*EDIT*/

.label-edit:after {

    content: 'Edit';

}

/*REMOVE*/

.cart-item-remove-text:after {

    content: 'Remove';

}

/*Prints:*/

#cart-prints:before {

    content: 'Prints: ';

}

/*Images*/

#cart-images:before {

    content: 'Images: ';

}

/*Subtotal:*/

#cart-subtotal:before {

    content: 'Subtotal: ';

}

/*Shipping:*/

#shipping-total:before {

    content: 'Shipping: ';

}

/*Sales Tax: No Sales Tax*/

.sales-tax-none:before {

    content: 'No Sales Tax';

}

/*Order Total*/

#cart-total:before {

    content: 'Order Total: ';

}

/*Check Out*/

.label-btn-checkout:after {

    content: 'CHECK OUT';

}

 

 

/***Checkout Messages***/

/*Quantity Minimum*/

.order-quantityminimum-label:after {

content: 'To pay, you must have more than ' attr(data-label) ' objects in your shopping carc.';

}

/*Order Minimum*/

.order-minimum-label:after {

content: 'Your cart must be finished ' attr(data-label) ' to review.';

}

 

 

 

/**************** SHIPPING METHOD PAGE ****************/

/*Checkout*/

.label-checkout-header:after {

    content: 'Checkout';

}

/***** [BREAD CRUMBS] *****/

/*Shipping*/

.breadcrumb-shipping:after {

    content: 'Shipping';

}

/*Payment*/

.breadcrumb-payment:after {

    content: 'Payment';

}

/*Complete*/

.breadcrumb-complete:after {

    content: 'Complete';

}

 

/*Back*/

.btn-back-text:after {

    content: 'Back';

}

/*Calculate Sales Tax*/

.btn-tax-text:after {

    content: 'Calculate Sales Tax';

}

/*Next*/

.btn-next-text:after {

    content: 'Next';

}

 

 

/**************** PAYMENT METHOD PAGE ****************/

/*Checkout (shared with Shipping Method)*/

 

/*Pay via:*/

.payment-via:after {

    content: 'Pay via:';

}

/**** [PAYPAL] ****/

/*PayPal Message*/

.lbl-payment-paypal:after {

content: 'You'll be securely redirected to PayPal to enter your account details.  Please enter your email for order confirmation.';

}

/*Review then Pay with PayPal*/

.complete-order-pending-heading-paypal:after {

    content: 'Review then Pay with PayPal';

}

/*Pay with PayPal*/

.lbl-btn-complete-order-paypal:after {

content: 'PAY WITH PAYPAL';

}

 

 

 

/****************** COMPLETION PAGE ******************/

/*Checkout (shared with Shipping Method)*/

 

/*Complete Order Heading*/

.complete-order-pending-heading:after {

content: 'Just a moment, redirecting to PayPal';

}

/*Edit*/

.btn-shipping-review-edit:after {

    content: 'Edit';

}

/*Ship To:*/

.complete-order-shipping-payment-header:after {

content: 'Ship To:';

}

/*Bill to:*/

.complete-order-shipping-payment-header-billto:after {

content: 'Bill to:';

}

/*Same as Shipping*/

.address-confirm:after {

    content: 'Same as Shipping';

}

/*Delivery*/

.complete-order-shipping-payment-header-delivery:after {

content: 'Delivery:';

}

/*Place Order*/

.lbl-btn-complete-order:after {

    content: 'PLACE ORDER';

}

/*Billing is same as shipping*/

.lbl-billing-radiobox:after {

content: 'Billing is same as shipping';

}

/****[Missing Images Panel]****/

/*Prompt*/

.images-missing-prompt:after {

    content: 'Some of the items are missing images. This can happen if they remain in your cart longer than we save the images. Simply edit those items and add the images again.';

}

/*SubPrompt*/

.images-missing-subprompt:after {

    content: 'Press OK to return to your Cart to edit.';

}

/********** Done Window **********/

/*Thank You!*/

.done-label:after {

    content: 'Thank You!';

    font-size: 2.5em;

}

/*You'll recieve an.email...*/

.done-sublabel:after {

    content: 'You will receive an email shortly with your receipt.';

    font-size: 1.1em;

}

/*Browse Products*/

.btn-done:after {

    content: 'Browse Products';

}

/********** Customer Info Form**********/

/*Checkout*/

 

/*Email*/

.placeholder-email::after {

    content: 'Email';

}

/*Phone*/

.placeholder-phone::after {

    content: 'Phone';

}

/*First Name*/

.placeholder-firstname::after {

    content: 'First Name';

}

/*Last Name*/

.placeholder-lastname::after {

    content: 'Last Name';

}

/*Address*/

.placeholder-address::after {

    content: 'Address';

}

/*City*/

.placeholder-city::after {

    content: 'City';

}

/*Select State*/

 

/*Zip/Postal Code*/

.placeholder-zip::after {

    content: 'Zip/Postal Code';

}

/*Select Country*/

 

  

/***************** End Custom Labels CSS ******************/

 

 
Was this article helpful? yes / no
Related articles ROES launch hangs at Done - content not allowed in prolog
Artsy Couture Update
Article details
Article ID: 53
Category: Knowledgebase
Date added: 2019-08-22 18:05:24
Views: 8
Rating (Votes): Article not rated yet (0)

 
« Go back

 
Powered by Help Desk Software HESK, in partnership with SysAid Technologies