PolarOne

<br>
<br/>

Это тег переноса строки, больше он ничего, по сути не несет.
Если вы хотите стилизовать текст, то он должен быть внутри тега

<span>текст</span> - строковый контейнер
<div>текст</div> - блочный контейнер
<p>текст</p> - разметка параграфов

<span class="text">текст</span>

Тексту выше вы можете задать цвет несколькими способами, через тег в котором текст находится или через класс этого тега. Есть и другие способы в зависимости от ситуаций, но это основа чтоли

span {
color: red;
}

или

.text{
color: red;
}

Немного по другому сделайте.

.fastSearch input {
    width: 600px;
    padding: 10px;
    font-size: 20px;
    /* border: none; */
    border: 3px solid #0073C6;
    border-radius: 20px 0px 0px 20px;
}

button.fastSearchButtonReset {
    border-radius: 0px 20px 20px 0px;
}

.fastSearch {
    display: flex;
    width: 750px;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
    /* border: 3px solid #0073C6; */
    /* border-radius: 20px; */
    overflow: hidden;
}

Замените \ добавьте стили. У формы убрать бордер вообще. Добавить его инпуту, но убрать с правой стороны. А кнопке ресет, на оборот, добавить с правой стороны.

Уже ответили, но я дополню ответ.
Сайты, даже "резиновые" обычно делают предельную ширину. Иначе контент будет отображаться не очень удобно и не красиво.

Вы можете попробовать мой способ, но это потребует от вас небольших знаний css и годится для браузера
google chrome. Для других браузеров нужно искать свои расширения.
Устанавливаете расширение User CSS, активируете.

На нужном сайте отрываете код через "Просмотреть код" по нажатию правой кнопки мыши.


Ищете контейнер (блок) в котором весь контент сайта (как правило, но могут быть исключения).


В стилях увидите (обвел рамочкой)

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    width: 1200px;
}

Цифры могут отличаться - это ширина блока

Открываете расширение и пишите туда

.container {
    width: 100%;
}

Это то, что отвечает за ширину сайта, в данном примере это Алишка.

Расширение сохранит параметр и в дальнейшем будет открывать сайт с учетом этого стиля.
Для разных сайтов может отличаться, но вы можете для начала попробовать ставить это, а если не получится - выяснять, что нужно "донастроить"

.container {
    width: 100%;
    max-width: 2000px;
}

Но скорее всего вы не будете этим заморачиваться, а если будете - то потом поймете, что это не удобно.

А еще вы можете в настройках дисплея поставить масштаб 125%

Это не совсем ответ на ваш вопрос, через запрос sql - не подскажу.

Но вы можете загрузить их в папку с картинками и потом воспользоваться плагином all import и массово прикрепить картинки к товарам. Всегда пользовался этим способом, другие варианты даже не искал. Но обратите внимание, там есть несколько способов:
картинки уже в медиатеке - тоесть загружены через админ панель (зарегистрированы в бд)
картинки в папке сайта - куда вы их поместили предварительно (без регистрации в бд).

Мне кажется не корректно. Так или иначе у вас получится плагин.

А как загрузить? Вот тема

Галерея для вариаций может быть встроена в шаблон, может быть отдельным плагином к примеру...

Вот ссылка на инструкцию ( ссылка ). Меня она выручала частенько.

Найдите раздел, там всё описывается:
Import Products With Images – Advanced Topics