Hello. I've searched for this topic extensively, and haven't seen anything about it. I have been working on customizing the stylesheet for my site, and I've fixed just about everything. I've run into two things I can't seem to find, though, and was hoping for some direction.
I would like to add a border around the frontpage slideshow. Does anyone know where this is located in the stylesheet?
Also, I am still getting a blue border when either a text box is clicked on or pictures are hovered over on the product pages. I've looked everywhere in the stylesheet and can't find any blues I haven't replaced, so I'm wondering if this is reverting to a default? Where do I find this setting?
Thank you!
Carol
www.kortejewelry.com
Hi,
I see that you have made a border for slideshow.
Do you want to customize other elements?
I see that you have made a border for slideshow.
Do you want to customize other elements?
Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
Yes, I did figure out how to add the border. There is still a white box with a slight shadow surrounding the slideshow that I can't figure out how to get rid of. There are also some text-entry boxes (such as search and item quantity) that I can't figure out where to change the color of the hover border.
Thanks,
Carol
Thanks,
Carol
If you want to remove the border of slideshow, you can edit the file catalog/view/javascript/jquery/flexslider/flexslider.css at the line 56, find
and remove it.
About input, you can add this code at the end of file catalog/view/theme/stylesheet/stylesheet.css
Code: Select all
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);About input, you can add this code at the end of file catalog/view/theme/stylesheet/stylesheet.css
Code: Select all
.form-control:focus {
box-shadow: none;
border: none;
}Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
Glad to hear that the problem is solvedkortejewelry wrote:Perfect. Thank you very much!
Carol
Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer
Is this the area you are looking for? Best guess.. Line 37 /admin/view/javascript/bootstrap/css/bootstrap.min.css This is for the element in my cart for quanity input on a product. Firebug helps a lot when looking for this stuff. It has help me a ton.kortejewelry wrote:There are also some text-entry boxes (such as search and item quantity) that I can't figure out where to change the color of the hover border.
Thanks,
Carol
Code: Select all
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}Hi, I have a similar problem and when I tried this
The border just disappear? How can I change the border-color and also the shadow color?
Code: Select all
.form-control:focus {
box-shadow: none;
border: none;
}
EXACTLY my question!!
I've also managed to change nearly the entire color scheme of my shop. *sorta proud*
But there's a few elements that just are NOT on that stylesheet anywhere. They must be being referenced from some other place, but for the life of me I cannot sort where?
I can handle locating the line, all the changes, and even the code... if I could just get an eye on the right darned file.
Items such as:
The half of the search bar that you type in. (The button itself is great.)
In category view, the product names on hover.
Shadows & borders of little buttons like, sort by, and show.
All of the hover-text in the cart drop-down. (Maybe a LOT of the hover-text, all over?)
The bottom-half, highlight on a button that's been clicked. It says "loading" for a split-second... and the highlight is blue still for that.
LOTS of little stuff, and overall it's not a giant deal... but it's something I've been searching everywhere for an answer to as well. So... anyone feel like saving the day with some top-secret file locations?? - Thanks!!
I've also managed to change nearly the entire color scheme of my shop. *sorta proud*
But there's a few elements that just are NOT on that stylesheet anywhere. They must be being referenced from some other place, but for the life of me I cannot sort where?
I can handle locating the line, all the changes, and even the code... if I could just get an eye on the right darned file.
Items such as:
The half of the search bar that you type in. (The button itself is great.)
In category view, the product names on hover.
Shadows & borders of little buttons like, sort by, and show.
All of the hover-text in the cart drop-down. (Maybe a LOT of the hover-text, all over?)
The bottom-half, highlight on a button that's been clicked. It says "loading" for a split-second... and the highlight is blue still for that.
LOTS of little stuff, and overall it's not a giant deal... but it's something I've been searching everywhere for an answer to as well. So... anyone feel like saving the day with some top-secret file locations?? - Thanks!!
writeandrea71:
Check out this extension by viethemes. It is called Live Theme Editor and works with 2.0.1.0 and higher.
http://www.opencart.com/index.php?route ... n_id=20693
I purchased this after having the same issues as you. Customized about everything that I wanted on my site myself. I am creating a site for my other business and didn't want to do that all over again. So I got this one. It does have a section under the header that allows you to change the search text typing area. I did a test on it to make sure. There is a live demo there to try and also a video demo. Great support also. They are in Hong Kong though so keep the time difference in mind.
This extension is based on the default theme, so if you have a cust theme (didn't sound like you did), then it may not function correctly. Contact the developer if this is the case before purchasing.
Namaste,
Allen
Check out this extension by viethemes. It is called Live Theme Editor and works with 2.0.1.0 and higher.
http://www.opencart.com/index.php?route ... n_id=20693
I purchased this after having the same issues as you. Customized about everything that I wanted on my site myself. I am creating a site for my other business and didn't want to do that all over again. So I got this one. It does have a section under the header that allows you to change the search text typing area. I did a test on it to make sure. There is a live demo there to try and also a video demo. Great support also. They are in Hong Kong though so keep the time difference in mind.
This extension is based on the default theme, so if you have a cust theme (didn't sound like you did), then it may not function correctly. Contact the developer if this is the case before purchasing.
Namaste,
Allen
Thanks for your kind words and glad to hear that you are happy with Live Theme Editor
http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension
Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme
Extra Positions PRO, Custom JavaScript, Custom CSS and others
Yep! I found it before I found my way back here to see your comment, Allen... but you are spot on.TAKCS wrote:writeandrea71: Check out this extension by viethemes.
http://www.opencart.com/index.php?route ... n_id=20693
Namaste, Allen
The extension is amazing! As well as the support!! Truly made my day, and saved me a small fortune on Advil!!
Who is online
Users browsing this forum: Baidu [Spider] and 9 guests
