How to move both "How can we help" and the entire search bar from the center to the left

Eric Defaux1
Giga Contributor

Hi everybody,

We have changed our banner, and we want to move the text "How can we help?" to the left and reduce the search field and move it to the left too.

find_real_file.png

Thanks a lot, Eric.

2 REPLIES 2

Brandon Barret1
Mega Sage

Reducing the size of the search field should be as simple as changing the bootstrap size value from say large to medium, or medium to small on your search input. Getting everything to the left shouldn't be too difficult either. You should be able to set a css class for your container by right clicking on the widget and going into edit container. Change the container class to something like "search-class".

From there, you can go into your page-specific css and set the text-align property to left and override any other properties like this:

.search-class{

text-align:left !important;

}

this SHOULD throw your text and search input to the left, depending on how things are laid out in your html. The important should override any preset css values further up the hierarchy chain. All of this depends on whether you have cloned the widget or if it is OOTB also.

Eric Defaux1
Giga Contributor

Thanks a lot for your help.

I'm not applying your proposal. I asked the internal Graphic Designer to create a new banner. It's easier and we stay on OOB.

find_real_file.png

 

Regards, Eric.