Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

2 pixel divide on white background

Featured Replies

Hello!

 

I've been trying to get the 2 pixel divide to look good on a white background but I'm having a bit of difficulty getting the colours to work so that it looks good.

 

The main colour on the site I'm working on is :#8e6767 if that helps. It's for a horizontal divide by the way.

 

Can anybody help?

 

Thanks all!

Can't entirely picture your problem, but maybe try replacing the white (background or colour of the white in the divider) with a very light grey?

 

Failing that, have you got a screenshot of where you're at now?

What I do, which seems to work well if you have photoshop is, first remove any existing divide, so that the colours you are dividing are next to each other, next draw a line, one pixel in height, filled solid black, and another line below it in solid white. Then set the blending mode to overlay, and play with the opacity to get it looking good. Works 99% of times.

Can't entirely picture your problem, but maybe try replacing the white (background or colour of the white in the divider) with a very light grey?

 

Failing that, have you got a screenshot of where you're at now?

 

You dont need to replace your whole background colour. Try using a 2px with a slight shadow effect like the image i have attached

 

 

post-19822-059226100 1287848721_thumb.jpg

You dont need to replace your whole background colour. Try using a 2px with a slight shadow effect like the image i have attached

 

 

post-19822-059226100 1287848721_thumb.jpg

 

^ Yup, that's another option, depending on the effect you want to achieve.

  • Author

You dont need to replace your whole background colour. Try using a 2px with a slight shadow effect like the image i have attached

 

 

post-19822-059226100 1287848721_thumb.jpg

 

That's perfect! Thanks!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.