Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: 2 button styles

2 button styles 27 Jun 2019 21:14 #53137

I thought I'd be clever and did an inspect on a button. I copied the template CSS then pasted into the Custom CSS area in TC, then added a 1 to the button names. Didn't work, but, and I don't know if it's related (not sure how it would be), now I have one article in the site that has no areas within each block to edit/move/delete etc.

How should I do this to allow for 2 button styles - btn and btn1?

Please Log in or Create an account to join the conversation.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

2 button styles 29 Jun 2019 07:36 #53153

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21475
  • Karma: 427
  • Thank you received: 2709
Hi
there is no related here with Template Creator CK ... this is only a CSS lesson
without code and example I can not give you my thoughts about the problem, so please give me the infos
CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

2 button styles 29 Jun 2019 11:43 #53158

Hey Ced

So the code I see when doing an inspect is:
.button, button, button.btn, input.btn, .btn {
    border: none;
    background: #f2e1ba;
    border: #404040 1px solid;
    color: #404040;
    margin-left: 15px;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    font-weight: bold;
}

I changed it to:
.button1, button1, button.btn1, input.btn1, .btn1 {
    border: none;
    background: #f2e1ba;
    border: #404040 1px solid;
    color: #404040;
    margin-left: 15px;
    padding: 5px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    font-weight: bold;
}

Please Log in or Create an account to join the conversation.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

2 button styles 30 Jun 2019 09:15 #53160

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21475
  • Karma: 427
  • Thank you received: 2709
ij then you have a new css style "button1", and then ? what are you doing with that ?

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

2 button styles 01 Jul 2019 17:41 #53183

I added the code above in TC under Custom CSS, then tried using btn1 as a CSS class, but it didn't work (didn't show the original or any button styling).

Please Log in or Create an account to join the conversation.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

2 button styles 01 Jul 2019 17:51 #53184

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21475
  • Karma: 427
  • Thank you received: 2709
an url of the page with the button ?

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

2 button styles 01 Jul 2019 18:12 #53187

Huh. Now it works... It didn't the first time. Yes, I apologize I was askign for a CSS lesson, but it seems I have figured it out without knowing what I'm doing!

Please Log in or Create an account to join the conversation.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

2 button styles 01 Jul 2019 19:39 #53188

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21475
  • Karma: 427
  • Thank you received: 2709
great ! :)
sometimes we find the solution during the explanation
don't forget that this could also be a cache issue...

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.252 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 534 guests and no members online