How can I change the circles which appear on Carousel widget to square shape?

[skodu]

HI

Down the carousel widget, there will be circles appearing which depict the order of images. How can I change it to Square shape and also how can I move those dots to end of slide?

Thanks,
Sharan

[dvp]

In general it is not a best practice to give properties directly to div, instead use either a class or id so that the css properties will not apply to all DIV's

div

{

      width:473px;

      height:37px;

      top:-40%;

      left:50%;

}

With the above values did you get what you are trying to achieve

[skodu]

Nope I din achieve. I want to reduce the size of search bar to height:30px and width:400 px. What is the best way to do DVP?

[dvp]

Right click on the homepage then you will find inspect element

Identify which div you want to change and update the css properties

By   the way I'm using Mozilla browser

[skodu]

I tried inspecting and let me post the screenshot.

So What should I change the CSS part? Sorry for troubling you DVP

Thanks,
Sharan

[dvp]

Here is the example for how to edit css properties using class

CSS .class Selector

Define a new DIV above that statement in typeahead search widget and modify the properties