Forum Replies Created
-
Posts
-
Hey,
Just uploaded the new version and it seems to be working fine (no more errors) however do have a new issue with woocommerce.
Hey,
I’ll reload everything with the ftp and give you a link to the site with all the plugins disabled ( I only have the following: Woocommerce, product visibility and product inquiry – both from woocommerce).
Devin, you (hands down) will be the man if some how you worked your mystical powers on someone (or yourself) to implement this in the next update. =)
On the topic of breadcrumbs and not trying to hijack your thread Daniel. Is there a way to shorten the breadcrumbs? As you can see here it gets very long (this is a shorter one):
http://staging.avenirtechnologies.co/product/352a60/
When you start to resize the browser the breadcrumbs overlap the title of the page until you get to a width where the breadcrumbs fall under the title.
Maybe a way to have it go like this:
Home / … / … / General Purpose / Single Axis / Model: 352A60 – ….
Instead of:
Home / Products / Accelerometers / General Purpose / Single Axis / Model: 352A60 – High frequency, ceramic sheer ICP accelerometer
Hey,
To make things easy for you lol I’ve just used your full code and Ismael’s. This way you can see what the affect is. Please visit my page to see how the things are out of place.
1. On the ‘Home’ page you will notice that the top border (right under the logo/menu) is thicker because of Ismael’s code and yours clashing.
2. On the ‘Home’ page if you scroll all the way to the bottom you will notice that after putting your code it has created a border above the footer that is around 900px wide.
3. Please visit this page: http://staging.avenirtechnologies.co/product/model-602d01-low-cost-industrial-icp-accelerometer/ – you will notice how the bottom border has a lot of padding. Also on this page if you scroll all the way to the footer area you will see that the 900px wide border line has disappeared.
Here is the code:
.avia_cart_buttons {
display: none;
}
#header_main {
border-bottom: none;
}
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
border-top: none;
}
#header_main .container {
border-bottom: 1px solid #E1E1E1;
}
@media only screen and (min-width: 1140px){
.main_color .container {
width: 1030px;
border-top-color: #e1e1e1;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: #e1e1e1;
border-bottom-style: solid;
border-bottom-width: 1px;
}}
.container_wrap{
border-top-width: 0px !important;
}
.main_color .container {
width: 100%
max-width:910px;
border-top-color: #e1e1e1;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: #e1e1e1;
border-bottom-style: solid;
border-bottom-width: 1px;
}Hey Nick,
Thanks a lot with this!
For the first issue with the drop shadow see this attachment: http://tinyurl.com/meou5o9 I don’t think it is anything graphical but just a drop shadow.
New Issue:
I do have another problem, since I put in your css code and Ismael, on my one of my product page you can see it here:
staging.avenirtechnologies.co/product/model-602d01-low-cost-industrial-icp-accelerometer/
you will notice how the bottom border for the title container now has some serious padding issues.
Also, there seems to be an clash between your code and Ismael as it creates a thicker top border. Here is what I have on my quick css (i edited some of your code as it was putting a line on the footer):
.avia_cart_buttons {
display: none;
}
#header_main {
border-bottom: none;
}
.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
border-top: none;
}
#header_main .container {
border-bottom: 1px solid #E1E1E1;
}
@media only screen and (min-width: 1140px){
.main_color .container {
width: 1030px;
border-top-color: #e1e1e1;
border-top-style: solid;
border-top-width: 1px;
}}
.container_wrap{
border-top-width: 0px !important;
}
.main_color .container {
width: 100%
max-width:910px;
border-top-color: #e1e1e1;
border-top-style: solid;
}
Hey Nick!
Thanks for the response. I’ve put the site online and can be found here: http://staging.avenirtechnologies.co/
I’ll try to address the issues one by one.
First:
Lets visit the home page: http://staging.avenirtechnologies.co/
– Lets scroll to the bottom where the footer is. I want to have a shadow below the white space (before the footer) to give the effect the footer is in the back.
– The css you provided to to lighten the border on the footer helped. Thanks!
Second:
– Lets go to the products page. http://staging.avenirtechnologies.co/products/ – you can see that the top header border is short (thanks Ismael) But you can see where the title is as well as breadcrumbs that container goes all the way across (background color and bottom border).
I would like to have this aligned with the top border which is shorter.
I hope I made sense in all this.
Thanks again for the help
Here is a screen shot for your ref. http://preview.tinyurl.com/qa43d8w
Thanks brother.
SW.
What about shadow on the bottom of the page that comes over the footer area?
p.s. the code you provided then breaks the page heading’s / breadcrumb.
This second image shows the header with a line that is full width. I want to change it so it is equal to all the other lines in the body. It should start at where the logo is and finish at the search icon. 960px im guessing.
https://docs.google.com/file/d/0B8Ofil_BJ_yzRm5UMjBHNmFTamc/edit?usp=sharing
Hey,
Okay this first image shows the bottom of the page. You can see where the page ends and the footer begins. There is a dark black line. I would want that line to be lighter or have a drop shadow that comes on top of the footer. This will give the effect that the footer is in the back? hopefully it makes sense.
https://docs.google.com/file/d/0B8Ofil_BJ_yzaEN2dVRSMklONFk/edit?usp=sharing
