SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

How to integrate CSS button

5 years 11 months ago #118260 by Motomboni
How to integrate CSS button was created by Motomboni
Hi. Please how do I integrate CSS button to my Drupal 7 site? Precisely I would like to use it with a block to be placed at the Header of my site. Thanks

Please Log in to join the conversation.

5 years 11 months ago #118262 by Valentin
Replied by Valentin on topic How to integrate CSS button
Hi Motomboni,

What's the url of your site and exactly where do you want to add the button? Please be detailed

In addition, Drupal themes comes with specific CSS to use in your site, including design for buttons

Looking forward to help you

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: Motomboni

Please Log in to join the conversation.

5 years 11 months ago #118264 by Motomboni
Replied by Motomboni on topic How to integrate CSS button
Thanks for your response. The site is not live yet. Am using a development environment. I am also using TB-Sirate as theme with Drupal 7.40.

Please Log in to join the conversation.

5 years 11 months ago #118265 by Motomboni
Replied by Motomboni on topic How to integrate CSS button
I would like to add that I am placing the css button in the header region of the theme. Thanks.

Please Log in to join the conversation.

5 years 11 months ago #118266 by Valentin
Replied by Valentin on topic How to integrate CSS button
If you're using this theme there is no header region. See the available ones here .

Create a block with custom html to build your button. See screenshot below:



As last step, assign to the region you need.

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

This message has an attachment image.
Please log in or register to see it.

Please Log in to join the conversation.

5 years 11 months ago #118267 by Motomboni
Replied by Motomboni on topic How to integrate CSS button
Thanks. Please where do I place the css?

Please Log in to join the conversation.

5 years 11 months ago #118269 by Valentin
Replied by Valentin on topic How to integrate CSS button
Add the CSS code in one of the CSS files from /sites/all/themes/your-theme/css/

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

5 years 11 months ago #118285 by Motomboni
Replied by Motomboni on topic How to integrate CSS button
Hi. Please I tried following your instructions but I wasn't getting things right. I added the HTML bit in the block as per your image. I then copied the CSS to css3 file in the CSS main folder. Please could you be more specific in your guidance? Like where do I place the CSS code in the file? Thanks

Please Log in to join the conversation.

5 years 11 months ago #118303 by Valentin
Replied by Valentin on topic How to integrate CSS button
Hi Motomboni,

The CSS code must be added in any CSS file located in /sites/all/themes/your-theme/css/

For example:
Edit the file something.css

Hopes this clarification helps

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: Motomboni

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!