search

AlexNexton / BI-Team-5

Cafe Java is a local coffee shop which is unable to operate smoothly due to the Global Pandemic (Covid). The cofee shop was only able to accept walk in customers, which under current safety regulations are seen as not safe and more importantly it has seen an increase in revenu loses. As a team, we have build a website to enable Cafe Java customers to make their orders online in advance of their visit to the shop with the aim to save the business from collapsing.
https://alexnexton.github.io/BI-Team-5/
0 stars 3 forks source link

MENU SECTION: The Bootstrap Carousel left and right arrows background styling not suitable for the site #28

Closed simonjvardy closed 4 years ago

simonjvardy commented 4 years ago

Describe the bug The Bootstrap Carousel becomes visible on small and medium sized displays. The left and right arrows are styled with a circular dark grey background and go black when clicked. They look out of place with the rest of the site now the full colour scheme has been applied.

To Reproduce Steps to reproduce the behavior:

  1. Open a web browser on a small device
  2. Go to https://alexnexton.github.io/BI-Team-5/
  3. Scroll down to the MENU Section
  4. Click on the left and right arrows to scroll the carousel

Expected behavior The styling should be complimentary to the remainder of the website styling.

Screenshots image

Desktop (please complete the following information):

Additional context Remove the css background styling and revert back to the original Bootstrap Carousel styling.

simonjvardy commented 4 years ago

Fixed with branch SV-BI-Team-5-issue28 merge. Removed the background-color: black; from the following style.css code block

.carousel-control-next-icon {
  position: absolute;
  top: 2vh;
  right: 0;
  border-radius: 25px;
  height: 20px;
  width: 20px;
}

.carousel-control-prev-icon {
  position: absolute;
  top: 2vh;
  left: 0;
  border-radius: 25px;
  height: 20px;
  width: 20px;
}