Hi Anne, I finally have the template installed, I must have missed something!The template is amazing.
Now the question that I have is how can I edit the link in the Information side box and the footer menu? (I want to disable the Gift Certificate and Discount Coupons link)
Thanks!
Clara
Hello,
Thank you so much for this template. I have learned so much working with it and think it's just perfect.
I hate to bother you, but I am having trouble with one thing. I can't seem to figure out how to change the background color of the detail and description boxes on the product page. I'm sure it's something simple, but I just seem to be missing it.
Here is a link to what I'm talking about.
http://www.blackmorestreasures.com/i...products_id=92
Thanks so much!
Edited to add: I'm using version v1.5.3 of the Zen Cart.
Last edited by BlackmoresTreasures; 7 Dec 2014 at 11:13 PM.
I was thinking this was a box, but have not located it that way. I kept thinking this was in the following, but not successful here either. Is it perhaps a button?
/*bof center boxes*/
.product_title {font-size:110%;font-weight:bold;}
.product_title a{color:#918f8f;}
.product_title a:hover{color:#67cae1;}
.product_detail {margin-top:10px;}
.price {font-size:110%;font-weight:bold;color:#000;}
.normalprice {font-size:90%;}
.productSpecialPrice {font-size:90%;}
/*bof product listing*/
.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #333333;}
.productListing-rowheading {background:none;height:30px;color:#f99d30;text-transform:uppercase;}
.tabTable th{border-bottom:1px dotted #f99d30;}
.productListing-rowheading a{color:#f99d30;}
.productListing-rowheading a:hover{color:#444443;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border:1px solid #dfdfe7;border-width:0 0 0 0;;}
.productListing-data {border-bottom:1px dashed #333333;padding-top:10px;padding-bottom:10px;}
#gridSorter {background:#e2e3e8;background: -moz-linear-gradient(top, #f8f8f8, #e2e3e8);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e2e3e8));background: -o-linear-gradient(top, #f8f8f8, #e2e3e8);margin:10px 0 0 0 ;width:100%;color:#444;text-align:center;text-transform:uppercase;color:#f99d30;font-weight:bold;}
/*bof product info*/
#cartAdd {margin:0;padding:0;text-align:center}
#product-divider {border-bottom:1px dashed #ccc;margin-top:20px;}
.navNextPrevWrapper {text-align:center;}
.navNextPrevCounter {text-align:center;}
#productName {color:#f99d30;font-weight:normal;font-size:2.0em;}
#productDetailsList {margin:10px 0 10px 30px;}
#attribsOptionsText {font-weight:normal;margin-bottom:}
#productAttributes{margin-top:10px;margin-bottom:10px;}
.optionName {color:#f99d30;margin-top:0;}
#alsoPurchased {margin-top:20px;}
#productPrices{text-align:center;}
#p-left{float:left;margin-right:20px;}
#p-right{float:left;}
#cart{border:1px solid #e1e1e9;padding:20px;background:#333333;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
Finally found it! Only took me 2 1/2 days. lol
In stylesheet.css line 258.
.heading {
text-transform: uppercase;
font-size: 150%;
padding-bottom: 25px;
padding-top: 15px;
background: url('../images/title-close.png') no-repeat scroll 15px 50% #333;
If you will be making css changes to your site you can use firefox or chrome and the web developer tools to find out the exact line of the file that you need to edit. If you get really stuck after using the developer tools, I don't mind helping you out.
Thanks,
Anne
Hi Anne,
I was using those tools along with searching using my cpanel. For some reason, I just kept missing it. I changed the colors of so many other things, it became comical. Thanks so much for such a wonderful template.![]()
.
Problem: Product Description and Other Elements Extending Outside Content Area into the Page Background
I searched for this problem before posting but I could not find it. I tried reading through this post but I may have missed it so my apologies if this has already been answered.
I have a fresh install of v1.5.3 with no other template installed other than what came with it (classic green) and no extra plugins installed. I followed the instructions for installing the responsive Apparel Boutique template, including the SQL patches.
I then added one dummy product so I could see how it would look.
From the very beginning, before I changed anything, there were portions of the page that extended outside the main area (light gray) into the page margins (dark gray).
See the images below for a visual. The page background is the dark gray color. The light gray is where all the content is supposed to be located.
![]()
![]()
![]()
In the full screen view (first image on the left), everything is in place.
In the handheld device view (middle image and image on the right, which I scrolled over a bit to display the problem), the product details, product description, the product name, price and the box to indicate the quantity you want all extend into the left margin (dark grey background color).
Also, on the category page, the products extend off into the right margin.
You can view it here:
http://www.zencartretailer.com/demo2/
I turned off all the sideboxes (off single column, off mini-width and main "off" switch) as instructed and insured the responsive was activated with “2” selected.
The elements mentioned above are still outside the margins when the window is sized as a mobile device. They remain there until the window is manually adjusted to a width wide enough to naturally accommodate them.
I then installed the “Responsive All Business” theme (also designed by Anne) just to see what would happen, with the same result.
How can I get these elements back into the light gray area where they belong?
Thanks for anything you can share to help me get this resolved.
Bookmarks