logo

Canvas Palette - Make it Colorful🎨

Canvas Palette - Drag in blocks, drop in a video, add a splash of color - no design degree required.

Demo Palette Download Palette

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗

It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.

Demo GLightbox Download GLightbox

Scroll
  1. Home
  2. Forums
  3. Drupal CMS
  4. Theming

Where to insert button codes

22/02/2025, by Anonymous (not verified)
Forums
Theming

There are many tutorials online about creating buttons, which include the HTML code for the button and the style code. So where do you insert this button code in Drupal? For example, this HTML code: 

<a href=”#” alt=”” title=”” class=”buttp”>Button Name</a>
And what should I do with the CSS code? Should I insert it into the theme's style or create a new stylesheet and link it somewhere?
The CSS code:
<style type="text/css">
.buttp {
   padding:10px 15px;
   margin: 5px;
   background: #003399;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.3em;
   border: 1px dashed #fff;
   border-radius: 2px;
   text-shadow: -1px -1px #030;
   font-weight: normal;
}
</style>
 
I'm using the Zen theme and want to create buttons for the main menu. Help a beginner out. Smile