Hi,
How do i change the font type for the shopping cart title, i would like to change the font to Times New Romans and not sure how to proceed in changing it?
I checked the glyphs file, styles.css and base.css files and only found color and size changes, i need the style changed.
Thanks.
Hi,
[quote]
How do i change the font type for the shopping cart title, i would like to change the font to Times New Romans and not sure how to proceed in changing it?
[/quote]
As far as we understand you want to change title on page “Cart content”. For this edit the file “design/themes/responsive/templates/views/checkout/components/cart_content.tpl”. Replace:
```php
{__("cart_contents")}
```
with:
```php
{__("cart_contents")}
```
Don't forget to clean up the template and browser cache after the change.
If you mean other title, please advise.
Best regards,
WSA team
We suggest you to use the CSS section in the Theme editor and do not override default files:
.ty-mainbox-title {
font-family: Times New Roman !important;
}
Thank you.
By changing it this way would it conflict with future cs-cart upgrades. Would it be better to create a new_changes folder somewhere in the css folder?
If so, please let me know the instructions on how to proceed in modifying code safely.
I have the latest CS-Cart version 4.3.1.
Thanks.
[quote name=‘hobbiesdeveloper’ timestamp=‘1431953617’ post=‘214775’]
By changing it this way would it conflict with future cs-cart upgrades. Would it be better to create a new_changes folder somewhere in the css folder?
If so, please let me know the instructions on how to proceed in modifying code safely.
I have the latest CS-Cart version 4.3.1.
Thanks.
[/quote]
Please check this thread:
Hi,
I tried to add the changes to customs CSS section of the theme editor but it's not working. Here is a screenshot of what I tried but no luck in getting it working. Please let me know what the issue is as I tried clearing the cache and clearing the template cache, clearing my browser cache and so on but no luck.
Let me know what the issue is as i have the firebug inspector opened in the screenshot showing all the variables I have for the shopping cart.
Thanks.
[attachment=9566:screenshot.png]
I and Damir misunderstood you. Please try the following rules:
[font=Consolas,]
.ty-minicart-title, .minicart-title {
font-family: Times New Roman !important;
}
Just tried it again, cleared the cache for both CS-Cart and Browser and still not changing the font-family, i also added the font-size to change it to the bigger size and still no changes. The bottom code is what I added from the css customs editor file.
/************* 12leaves /
/header/
.tygh-content {margin-top: 8px; }
.tygh-content .container {padding-top: 8px; padding-bottom: 15px;}
.tygh-top-panel > div, .tygh-header > div, .tygh-content > div, .tygh-footer > div {
padding-left: 8px;
padding-right: 8px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}
.tygh-header > div {
padding-left: 0;
padding-right: 0;
}
.tygh-header .top-menu {width: 1002px; margin-left: -9px;} /change if you use non standard grid/
.tygh-footer > div {border: none;}
.tygh-footer .footer-menu {
padding-left: 8px;
padding-right: 8px;
border: 1px solid #e3e3e3;
border-top: none;
}
.tygh-header > div {border: none;}
.tygh-content > div {border-top: 1px solid #e3e3e3;}
.tygh-content > div, .tygh-footer .footer-menu {
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.tygh-footer .footer-menu {
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.logo-container .logo {margin-top: 3px; margin-left: -4px;}
.top-links-grid {padding-top: 8px;}
.top-links-grid .cus-delim {
background: url(…/media/images/top_separator.png) 0 center no-repeat;
width: 15px;
height: 26px;
}
.top-links-grid .select-wrap.currencies { margin-right: 20px;}
.h-tools {margin-top: 15px;}
.cus-tools {padding: 11px 0 1px;}
.cus-search {padding-top: 6px;}
.top-search .search-input {width: 335px; margin-left: -8px; height: 30px; padding-top: 6px;}
.top-menu ul.dropdown-multicolumns {min-height: 37px; padding-bottom: 0; border-radius: 4px 4px 0 0;}
.top-menu {margin-top: 0;}
.top-menu ul.dropdown-multicolumns li a.drop, .top-menu ul.dropdown-multicolumns li.nodrop a {line-height: 21px !important; text-shadow: none; font-size: 100% !important;}
.top-menu ul.dropdown-multicolumns > li { margin-top: 0; margin-right: 0 !important;}
.top-menu ul.dropdown-multicolumns > li:hover > a {color: #fff !important; border: none;}
.top-menu ul.dropdown-multicolumns > li.active {border-radius: 0 !important;}
.top-menu .icon-down-micro { font-size: 120% !important; top: 15px !important;}
.top-menu .dropdown-1column, .top-menu .dropdown-2columns, .top-menu .dropdown-3columns, .top-menu .dropdown-4columns, .top-menu .dropdown-5columns, .top-menu .dropdown-fullwidth {margin-top: 11px; padding-top: 15px;}
.icon-basket {
background: url('…/media/images/icons/cart_icon.png') no-repeat 0 0;
width: 30px;
height: 30px;
left: 0px;
top: 0px;
font-size: 0px !important;
}
.icon-basket.filled {background-position: 0 -47px;}
.cus-account {padding-top: 16px;}
//header/
/ central styles /
.homepage-banners { margin-top: 1px; }
.hor-home-banners .ad-container {float:left; width: auto; margin-bottom: 4px;}
.homepage-hotdeals {margin: 6px 0 6px; background: #fff; border: 1px solid #e7e7e7; }
/ home page banners /
.owl-theme {margin: 0;}
.homepage-banners, .homepage-hotdeals {
margin: 0 0 10px;
}
.homepage-hotdeals {
/ background: #FAFAF9; /
border: 1px solid #E7E7E7;
}
.homepage-banners { margin-top: -3px; }
.cus-homepage .banners img {width: auto !important; margin: 0 auto;}
.homepage-banners .owl-theme {margin: 0;}
.owl-theme .owl-controls .owl-page span {width: 8px; height: 8px; margin: 5px;}
.homepage-banners .owl-page span { background: #fff !important; opacity: 0.5; border-radius: 2px !important; border: 1px solid #ccc; box-shadow: inset 1px 1px rgba(0,0,0,0.2);}
.homepage-banners .owl-page.active span { background-color: #777 !important; opacity: 0.8; border: 1px solid #333;}
.homepage-banners { margin-top: 0;}
.hor-home-banners .ad-container {float:left; width: auto; margin-bottom: 4px;}
.owl-theme .owl-controls .owl-buttons div {border-radius: 1px;}
.owl-theme .owl-prev, .owl-theme .owl-next {
position: absolute;
top: 40%;
line-height: 25px;
text-align: center;
width: 25px;
padding: 3px !important;
background-image: url(…/media/images/icons/left-arrow-b.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 25% !important;
text-indent: -8000px;
margin: 0 !important;
}
.owl-theme .owl-next {left: initial; right: 0; background-image: url(…/media/images/icons/right-arrow-b.png) !important;}
.owl-theme .owl-prev {left: -1px;}
.owl-theme .owl-next {right: -1px;}
.homepage-banners .owl-buttons > div {line-height: 30px;width: 30px;}
.homepage-banners .owl-theme .owl-prev {left: 6px;}
.homepage-banners .owl-theme .owl-next {right: 6px;}
/ .homepage-hotdeals .scroll-image img {border: 1px solid #ddd !important;} /
.homepage-hotdeals .mainbox2-title {
margin: 0;
border: none;
border-bottom: 1px solid #eee;
background: none;
}
.homepage-hotdeals .mainbox2-body {padding: 0;}
.homepage-hotdeals .mainbox-title span {
padding: 13px 0 5px;
font: bold 128% Arial;
color: #2D2E2E;
/ border-bottom: 1px dotted #B7B7B7; /
display: block;
}
.jscroll-item .product-container .product-title {font-size: 85%; padding: 0 10px; display: block;}
.homepage-hotdeals .product-container {padding: 8px 0;}
.homepage-hotdeals .jscroll-item {border-right: 1px solid #eee; padding: 10px 0; min-height: 180px;}
.homepage-hotdeals .owl-theme .owl-controls {margin-top: 0;}
//home page banners /
.breadcrumbs {margin-top: 0; margin-bottom: 14px; padding: 9px 105px 7px 0px;}
.sidebox-wrapper, .sidebox-important-wrapper {margin-bottom: 0; padding-bottom: 10px;}
.sidebox-important-wrapper .sidebox-title {border: 1px solid #222;}
.sidebox-title {padding: 7px 6px 6px 8px; border: 1px solid #e6e6e6; border-bottom: 0;}
.sidebox-bg {margin-top: 0;}
.sidebox-wrapper .sidebox-body {border: 1px solid #e6e6e6 !important; border-radius: 0 !important; background: #fff !important; padding-left: 7px; padding-right: 7px; border: none; box-shadow: none !important;}
.sidebox-important-wrapper .sidebox-body {border: 1px solid #e6e6e6 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important;}
.sidebox-important-wrapper .sidebox-title span, .sidebox-title span, .sidebox-title a:link, .sidebox-title a:visited, .sidebox-title a:hover {color: #111 !important; text-transform: none; text-shadow: none !important; font-size: 100%;}
.sidebox-important-wrapper .sidebox-title span {color: #fff !important;}
.sidebox-important-wrapper .dropdown-vertical {margin-right: 1px;}
.sidebox-important-wrapper .sidebox-body ul a, .sidebox-important-wrapper .sidebox-body ul a:hover {font-size: 100%;}
.sidebox-wrapper .sidebox-body, .sidebox-wrapper .sidebox-body a
{font-size: 100%;}
ul.dropdown-vertical i {font-size: 7px !important; color: #c70000 !important;}
ul.dropdown-vertical a {padding-top: 5px !important;}
.mainbox2-title {padding: 7px 9px 6px; border: 1px solid #ddd;
background: #fafafa;
background: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#f1f1f1));
background: -webkit-linear-gradient(top,#fafafa,#f1f1f1);
background: -moz-linear-gradient(top,#fafafa,#f1f1f1);
background: -ms-linear-gradient(top,#fafafa,#f1f1f1);
background: -o-linear-gradient(top,#fafafa,#f1f1f1);
}
.mainbox2-title span {color: #333; font-weight: bold; font-size: 130%;}
.mainbox2-body {padding: 4px 0 4px 0px;}
.multicolumns-list td {padding: 2px 0;}
.multicolumns-list table td, .multicolumns-list .product-description p {text-align: center;}
.multicolumns-list table .product-title-wrap a {font-size: 88%;}
.product-cell-wrapper {padding: 7px;}
.product-spacer + .product-spacer {width: 4px;}
.product-cell-wrapper {border: 1px solid #e7e7e7;border-radius: 0; margin-bottom: 0;min-height: 322px;}
td.preview-image {border-color: #fff;}
.product-cell-wrapper:hover td.preview-image {
border: 1px solid #e7e7e7 !important;
}
.product-cell-wrapper:hover {
box-shadow: 0 5px 15px rgba(0,0,0,0.20) !important;
}
.mainbox2-container td.preview-image a {padding: 0;}
/ .multicolumns-list.template-grid-list a img.pict {border: 1px solid #e7e7e7;} /
.multicolumns-list .compact{
border: 1px solid #e7e7e7;
padding: 10px 10px 5px;
}
|html .multicolumns-list .compact {
background: url(“…/media/images/table_bottom_border.gif”) repeat-x scroll 0 3px, url(“…/media/images/multicolumn_bg.gif”) no-repeat scroll 0 3px, url(“…/media/images/multicolumn_bg.gif”) no-repeat scroll right 3px transparent;
border-width: 0 0 1px;
}
.sort-container i {font-size: 16px;}
.products-2 {border-color: #e5e5e5 !important ;border-radius: 0;}
.products2-table .delimiter {padding-left: 4px;}
.products2-table td {padding-bottom: 4px;}
.products2-table .lm-left {font-size: 0; width: 0;}
.products-2 .product-title {font-size: 11px;}
.products-2 .buttons-container-item {background-color: #f6f6f6; border-top-color: #e5e5e5; padding: 11px 10px; margin-top: 5px;}
.products-2 .text-button-add {float: right; padding-top: 2px;}
.compact .button-submit-action input {padding: 6px 14px;}
/.ui-dialog .ui-dialog-titlebar {background: none !important; border-bottom: 1px solid #eee;}
div.ui-dialog .ui-dialog-title, .ui-widget-header .ui-icon-closethick {color: #333 !important; text-transform: uppercase;}
/
.cm-paging-dots a.active i, .cm-paging-dots a.active:hover i {background: #555 !important;}
.product-main-info h1.mainbox-title {font-weight: normal !important;}
.mainbox-title span {font-weight: normal !important;}
/ /central styles /
/bottom styles/
p.bottom-copyright {margin-top: 0;}
.footer-menu { margin: 0 0 15px -1px !important; padding-top: 0px !important; padding-bottom: 8px !important; background: #fff;}
.footer-helper {background: #f4f4f4; padding: 15px 0; border-top: 1px solid #e5e5e5;}
.footer-menu p span {font-size: 13px; font-weight: bold;}
.footer-menu ul li { background: url(…/media/images/bottom_dot.gif) no-repeat 2px 7px !important; padding-left: 14px !important;}
.footer-menu .social-link {padding-left: 15px;}
.payment-icons {padding-right: 15px;}
.social-link i {color: #008AE6 !important}
.footer-helper > div > div:first-child > div { padding-left: 20px;}
.footer-helper > div > div:last-child > div { padding-right: 20px;}
.bottom-copyright {padding: 0 0 20px 0;}
.cus-footer div, .cus-footer span, .cus-footer a, .cus-footer p {font-size: 12px !important; color: #aaa !important; text-align: center;}
.b-top-line {background: #f4f4f4; margin-top: 5px; border-top: 1px solid #e5e5e5;}
//bottom styles/
/buttons/
.product-cell .quick-view, .product-cell .buttons-container-item {text-align: center;}
.button-submit-action.button-wrap-left, .button-submit.button-wrap-left, .button-action.button-wrap-left, .button.button-wrap-left, .button-submit-big.button-wrap-left, .button-big.button-wrap-left
{
border-radius: 25px !important;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
box-shadow: 0 2px 3px rgba(0,0,0,0.35) !important;
}
.product-main-info .buttons-container .buttons-container {padding: 4px 0;}
.multicolumns-list .buttons-container-item {background: none !important;}
.product-description .quick-view {padding-top: 6px;}
/ /buttons/
/ v4.1.3 changes /
.jscroll-item .product-container .product-title {display: block; width: auto;}
.tygh-header > div {padding-top: 0;}
/ v4.1.4 changes /
.homepage-hotdeals {position: relative;}
.homepage-banners {position: relative;}
.homepage-banners .owl-theme .owl-controls {height: 35px; margin-top: -35px; z-index: 50;} / {-} /
.homepage-banners .owl-theme .owl-pagination {position: relative; z-index: 50; text-align: right; padding: 0 15px;}
.homepage-banners .owl-theme .owl-numbers {color: #555 !important;}
.owl-carousel.owl-theme {position: relative;}
/** /12leaves *************/
/ Changes 05/18/2015 by Pavel Reuk
.ty-minicart-title, .minicart-title {
font-family: Times New Roman !important;
font-size: 50px;
}
Thanks.
Got it working. Thanks.
How would I be able to change the price of the shopping cart. I changed the font of the minicart-title but looks like the price doesn't get changed. Is there a variable to use to change the cart price?
I did try using .cart_price { font-size: 40px; } but it didn't do anything.
Thanks.
[quote]How would I be able to change the price of the shopping cart. [/quote]
please try this:
.ty-minicart-title span, .minicart-title span {
font-size: 40px;
}
best regards,
WSA team
[quote name='Damir (WSA-team)' timestamp='1432019159' post='214867']
please try this:
[/quote]
And do not delete previous changes, just add this rule
If i add the changes in the custom CSS file in the theme editor will it interfere with future CS-Cart Upgrades, will it save the changes for future upgrades?
Thanks for your help!
yes, it will save these CSS changes after upgrades.
Thank you Damir at W$A and eComLabs for your help!
Hello
I have a problem
Where i can change the uppercase letters from my meniu...
For exemple: i have the name “PRODUCTS†and i want to be like this “Products"
Please help
Hello
I have a problem
Where i can change the uppercase letters from my meniu...
For exemple: i have the name “PRODUCTS†and i want to be like this “Products"
Please help
It is required to examine you current theme. Please share the URL of your website
It is required to examine you current theme. Please share the URL of your website
I rezolve the problem...
But the website is very low speed…I have a dedicat server but is charghing in 15 sec…:(