Theme development

A client has requested a specific "3D design" for the buttons on the website. See the exmple picture below:

I've searched for a suitable CSS library to create this 3D effect, but the best I've found is this page: https://bootsnipp.com/snippets/g6y1, which is pretty far from what is desired.

I have a module which has created a library. I've attached that library to a library and the css files are loaded when the template is loaded.

But the css styles are being overrided with the themes css stles.

For example the css file in my library will have button { padding: 5px; }, but my theme css will have button { padding: 10px; }, and the button gets padding 10px from theme instead of 5px from library.

Hi,

I'm not a developer, but I would like to make some minor changes in the Olivero theme.

• Change primary branding color
• And center the website horizontally in the browser

How can I achieve the above?

Hi, anyone know about how to add a default content to my theme?

Hello,

Logo href is not working, it is hard to redirect to the main page.

<a class="logo navbar-btn pull-left px-5 py-3 adm-nf-logomargin" href="{{ path('<front>') }}"  title="{{ 'Home'|t }}" rel="home">

      <img src="{{ site_logo }}"  />

    </a>

also tried /{{ path('<front>') }} and  {{ url('<front>') }}

page--front.html.twig

 <header id="header" class="header navbg    " role="banner">

      <div class="section layout-container clearfix    ">

I have Drupal 9 with the Olivero theme. How to force the display of submenus ?

I want my main menu unfolded in mobile navigation.

This will make navigation on mobile more intuitive and limit the number of actions to navigate.

Here is the HTML code for the collapsed menu :