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?
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

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

2 button styles 29 Jun 2019 07:36 #53153

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 23363
  • Karma: 427
  • Thank you received: 2946
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
Joomlack Webmaster and Developer

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

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;
}
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

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

2 button styles 30 Jun 2019 09:15 #53160

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

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

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).
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

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

2 button styles 01 Jul 2019 17:51 #53184

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 23363
  • Karma: 427
  • Thank you received: 2946
an url of the page with the button ?
Joomlack Webmaster and Developer

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

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!
A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

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

2 button styles 01 Jul 2019 19:39 #53188

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

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

  • Page:
  • 1
Time to create page: 0.249 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 847 guests and no members online