change in default css - button design?

09.07.2018 11:55
#1
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
change in default css - button design?

Hey
I used to have this line
.jshop_list_product .product .buttons a{
margin-top: 5px;


In the default.css
I did then change the button layout with a few lines of code.
Now I can't find the line any more and I don't know where to change the buy now and in the cart button.
Any idea?
Thanks
Rolf


Joomla: latest
JoomShopping: latest

Last change: 11.07.2018 11:06
 
11.07.2018 11:06
#2
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
Aw: change in default css - button design?

Help, please?
How can I change the buttons?
Thanks!
Rolf

 
18.07.2018 13:30
#3
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
Aw: change in default css - button design?

Sorry, I have to push this one up, I have no idea how I can change the buttons for the cart and details in the category and details view.
Any help is appreciated
Cheers
Rolf

 
18.07.2018 17:49
#4
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 21986
Quote
Aw: change in default css - button design?

Now I can't find the line any more


Screenshot?
error?

 
18.07.2018 20:31
#5
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
Aw: change in default css - button design?

There used to be buttons here where the arrow is.

I changed them by inserting some css after this line in the default css:

.jshop_list_product .product .buttons a{
margin-top: 5px;


Now in the default.css I can't find the line above anymore.
So I am lost on how to get the buttons back.
Thanks
Rolf
Aw: change in default css - button design?

 
19.07.2018 09:54
#6
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 21986
Quote
Aw: change in default css - button design?

I do not understand you.

for order development use Kontakt.


Last change: 19.07.2018 10:09
 
19.07.2018 15:14
#7
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
Aw: change in default css - button design?

Hey
I do not need a special order, just a quick answer.
Let me try to explain again.
This
https://www.dropbox.com/s/sqmchya3z13kuep/default_02_25.css?dl=0
is the default.css before the last update, found in components/com_jshopping/css/. In this css file, I find the code line
.jshop_list_product .product .buttons a{
margin-top: 5px;

I added the following code after this line to display buttons instead of the text I have no.
.jshop_list_product .product .buttons a.button_buy {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.jshop_list_product .product .buttons a.button_buy:hover{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.jshop_list_product .product .buttons a.button_detail{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.jshop_list_product .product .buttons a.button_detail:hover{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}


So far, so good, I had to do this after every update, no problem.
After the last update, the default.css looks this:
https://www.dropbox.com/s/2dgiwvneoearhvz/default.css?dl=0

This new default.css doesn't have the line
.jshop_list_product .product .buttons a{
margin-top: 5px;


So I have no idea where to add my code to display my buttons.
Thanks
Rolf

 
19.07.2018 16:22
#8
apoel
Joomshopping forum user no avatar
Name: apoel
15.11.2012
Posts: 6
Quote
Aw: change in default css - button design?

crate another css file (link in head) with your buttons or any update design inside, and add in body class your version.

example

<body class="btn-v1">

css .....

body.btn-v1 .btn.whatever{
style here
}

 
20.07.2018 08:05
#9
admin
(Support Team)
User admin
Name: Admin
05.08.2010
Posts: 21986
Quote
Aw: change in default css - button design?

Crete new file default.custom.css

 
20.07.2018 10:42
#10
Dingens
Joomshopping forum user no avatar
Name: Rolf Wagels
28.03.2012
Posts: 340
Quote
Aw: change in default css - button design?

Ha!
Thanks! That was easy! Great!
Cheers
Rolf

 


Copyrights MAXXmarketing GmbH. Alle Rechte vorbehalten
Durch die Nutzung dieser Website stimme ich zu, dass Cookies zur optimalen Gestaltung der Website sowie zur Analyse der Nutzung der Website verwendet werden. Weiterführende Informationen finden Sie hier. OK, einverstanden.