Hello everyone, I am just looking to get some feedback on a corporate website that I am building. So far I just have been working on the home page so there is a lot not done yet. Here is the link below
* Any ideas to make the sidebar look better on the right hand side. I still have to somehow get the stock ticker to work but I feel like it can be improved.
all the divs within .squarespace-slideshow are 2px narrower than the rest of the site all the links within #topNav have no hover or focus effect, thats unnatural especially to people who navigate by keyboard the last link in #topNav doesn't need the right hand border
I think you can probably solve your sidebar issue by just giving the text some style. Maybe instead of standard bulleted list items, you give the items a slight background color with a nice hover state, or perhaps add a basic date box to give it some character. It just feels bland because it's all the same text, same size, same color, etc.
I feel like the background needs something... even if it was a really faint gradient that could help it feel more vibrant.
@karlpcrowley thanks for the feedback. Ill fix those 3 things right away. I am trying to get rid of that last border on the right in the top nav but the darn thing wont go away. Here is the code I am useing
@goalieman34 That's because the anchor isn't the last element in that div. Instead, use border-left and :first-child (it has better browser support anyway).
@JoshWhite thanks for the great ideas! Ill add a faint gradient for the background. Do you have an example of what you recommended for the sidebar? Sounds really great but I just need a visual or something to help me out.
Maybe give some of the text and images room to breathe by adding some padding. Maybe try a different font for the headers too, Arial just seems a bit too bland. Other than that it seems OK, it's a very "safe" design, but maybe that's what they're looking for.
Well, you could use CSS Tricks as an example for the sidebar. See how the sidebar is broken up into very distinguishable sections? The headers are clearly defined in a highlight color and the items under them feel like sub items but still have some character (background colors, etc).
@goalieman34 I'm not quite sure that I understand what you are asking. The anchor has to be the last element in its parent for last-child to work, and at the moment the search widget is the last element.
@joshuanhibbert sorry about that. I still cant get rid the last right hand border in the #topNav. Is there anyway you can show me what to do. Sorry I am still learning....
You had a comment that wasn't commented out, and it was messing things up. I also changed the border to the left, and used first-child instead of last-child.
I am trying to get a Box Shadow that is similar to CNN.com to help make the white space on my website stand out a bit better. The problem is that I am only wanting it on the left hand side and top of the white space where my content is. Any idea on how to do this? Here is my website http://petrowest.squarespace.com/
ok thanks, I have looked up a few different ways to make a box shadow. Just wondering how I get it to be only the left hand side and top of my page content.
I would decrease the line-spacing where you have the very narrow columns (About Petrowest, etc) and add a little bit more padding so it doesn't look so cramped.
Also, in the footer try changing the color for About Us, Information & Administrator to maybe the light blue of the sidebar or grey and looks different from the actual links and has less contrast. (same thing with sidebar headings)
I think the contentWrapper background is very light and it gets confused with the body background. I would try to darken it a a bit so there is a clear difference.
@andy_unleash thanks a lot. I will add a new font for sure. I was hoping to add Myriad Pro Bold Condensed as my font but need to figure out how to do it with Squarespace.
I am just looking to get some feedback on a corporate website that I am building. So far I just have been working on the home page so there is a lot not done yet. Here is the link below
www.petrowest.squarespace.com
* Any ideas to make the sidebar look better on the right hand side. I still have to somehow get the stock ticker to work but I feel like it can be improved.
Thanks for taking the time to check it out,
Chris
all the links within #topNav have no hover or focus effect, thats unnatural especially to people who navigate by keyboard
the last link in #topNav doesn't need the right hand border
It's getting there :)
I feel like the background needs something... even if it was a really faint gradient that could help it feel more vibrant.
I am trying to get rid of that last border on the right in the top nav but the darn thing wont go away. Here is the code I am useing
anchorisn't the last element in thatdiv. Instead, useborder-leftand:first-child(it has better browser support anyway).http://petrowest.squarespace.com/
Maybe give some of the text and images room to breathe by adding some padding. Maybe try a different font for the headers too, Arial just seems a bit too bland. Other than that it seems OK, it's a very "safe" design, but maybe that's what they're looking for.
Does anyone think it would make things look a bit better if I rounded all the corners in the Nav Bar, Slider and Page Content?
All caps looks a bit agressive
http://petrowest.squarespace.com/
last-childto work, and at the moment the search widget is the last element.You had a comment that wasn't commented out, and it was messing things up. I also changed the border to the left, and used
first-childinstead oflast-child.Only for top Nav n Footer section.
http://segmental.in/
Thanks
Here is my website
http://petrowest.squarespace.com/
Thanks for the help
Also, in the footer try changing the color for About Us, Information & Administrator to maybe the light blue of the sidebar or grey and looks different from the actual links and has less contrast. (same thing with sidebar headings)
Here is the website
http://petrowest.squarespace.com/
bodybackground. I would try to darken it a a bit so there is a clear difference.Check out http://www.fontsquirrel.com/fontface for some good ones. It might just help spice it up a little bit and move it from good to great!
EDIT --> http://help.squarespace.com/customer/portal/articles/10906-how-do-i-use-file-storage-