Как добавить CSS кнопку? - Joomla 4.x: Шаблоны, разметка и макеты вывода

вам надо читать мануал как по Joomla так и по HTML CSS
что бы понять как что и куда вставлять

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

так а тип пункта меню какой?

что то вас не туда понеслоеще раз повторюсьтип пункта меню какой?что он выводит по итогу

в режиме кода или без редактора вставляете

Код

    
 кнопка красная  
 кнопка синяя 

а дальше в вашем файле стилей прописываете стили для каждого цвета

Код

 .blue{ background: blue; padding: 20px; } .red{ background: red; padding: 20px; } 

Может я чтото недопонимаю. Давайте по порядку – я правильно же сделал что создал в Joomla в разделе система - шаблоны сайтов - редактировать Кассиопею – CSS файл. Именно загрузил файл уже с готовой кнопкой, т.е. создался файл который и содержит в себе всю информацию о CSS кнопке, там уже и прописаны цвета кнопок и т.д. – например крассный цвет это red button, т.е. если мне нужно с него добавить кнопку синего то я по идее должен прописать в Joomla – blue button. На картинке первой фото именно этих кнопок которые в этом файлике и находятся – style.css, который лежит в папке Joomla - \administrator\templates\cassiopeia\, я так понимаю Joomla должна уже при наборе определенного кода подхватывать данные с этого файла верно?
Далее для того чтобы добавить эту кнопку в Joomla в нужное мне место я открываю Контент – Категории – выбираю категорию и в описании к ней нажимаю в редакторе “Вид” - <> Source code+ Верно? Далее вставляю как Вы и говорите код:

<div class="red">
        <a href="тут ссылка">кнопка красная</a>
    <>
<div class="blue">
        <a href="тут ссылка">кнопка синяя</a>
    <>

<div class="red">
        <a href="style.css">button red</a>
    <>
<div class="blue">
        <a href="style.css">button blue</a>
    <>

На второй картинке
это то что получается при всех этих манипуляциях – как я понял он не подхватывает с файла style.css данные, видимо ссылка должна другая быть.
Подскажите если не трудно где что не так делаю.

Попробуй так:

Код

<p style="text-align: center;"><a class="btn btn-primary" href="/" rel="nofollow">Головна сторiнка</a></p>

при чем тут этот путь? \administrator\templates\cassiopeia\ толку от того что вы создали CSS файл? вы его не подключили

/media/templates/site/cassiopeia/css/template.css в этот файл допишите свои стили

или подключите свой файл в индексе

почему вместо ссылок у вас файл style.css? должна быть ссылка на то что будет открываться при клике

какой нафиг боди в CSS