# "Jetzt kaufen"-Button Größe ändern, wo bloß? **URL:** \ **Category:** Shopware 3.5\ **Tags:** themes--design\ **Created:** [13. Oktober 2013 um 16:22 UTC](https://forum.shopware.com/t/quot-jetzt-kaufen-quot-button-grosse-andern-wo-bloss/16111 "2013-10-13T16:22:39Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![babyrossa](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@babyrossa](https://forum.shopware.com/u/babyrossa)\ **Post date:** [13. Oktober 2013 um 16:22 UTC](https://forum.shopware.com/t/quot-jetzt-kaufen-quot-button-grosse-andern-wo-bloss/16111/1 "2013-10-13T16:22:39Z")
Hallo zusammen, in der Kategorieansicht des Standard-Emotion-Templates, dort gibt es beim Artikel den Button “Jetzt kaufen” welcher den angezeigten Artikel in den Warenkorb legt ohne den Umweg über die Artikeldetailseite. Wo kann ich die Breite des Buttons ändern? Ich suche mich noch dämlich. Vielen Dank einstweilen! ---
**Author:** ![boba](https://avatars.discourse-cdn.com/v4/letter/b/c77e96/32.png) [@boba](https://forum.shopware.com/u/boba)\ **Post date:** [17. Oktober 2013 um 13:59 UTC](https://forum.shopware.com/t/quot-jetzt-kaufen-quot-button-grosse-andern-wo-bloss/16111/2 "2013-10-17T13:59:56Z")
Hallo babyrossa, die Breite des Button kannst du in der Datei “emotion.css” Zeile 1178 verändern. Die Datei findest du unter folgendem Pfad: [http://deinshop.de/templates/\_emotion/f … motion.css](http://deinshop.de/templates/%5C_emotion/frontend/%5C_resources/styles/emotion.css) Gruß boba ---
**Author:** ![babyrossa](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@babyrossa](https://forum.shopware.com/u/babyrossa)\ **Post date:** [18. Oktober 2013 um 10:24 UTC](https://forum.shopware.com/t/quot-jetzt-kaufen-quot-button-grosse-andern-wo-bloss/16111/3 "2013-10-18T10:24:50Z")
Hallo boba, vielen Dank zunächst. Meinst Du diesen Absatz hier? Ich stelle mich gerade bissl doof an. Welchen Wert hierin? [quote]/\* Add article \*/ div.ajax\_add\_article {background: url(…/images/backgrounds/bg\_modal.png) left top repeat-x;} div.ajax\_add\_article .article\_box {height: 55px;padding: 10px;margin: 0 0 15px 0;position: relative;} div.ajax\_add\_article .article\_box .thumbnail a, div.ajax\_add\_article .article\_box .thumbnail a img {display: block;width: 57px;height: 57px;} div.ajax\_add\_article .article\_box .title {font-size: 16px; font-weight: 700;position: absolute;left: 100px;top: 15px;} div.ajax\_add\_article .article\_box .ordernumber{position: absolute;left: 100px;top: 40px;} div.ajax\_add\_article .article\_box .price {font-size: 16px; font-weight: 700;position: absolute;top: 15px;left: 405px} div.ajax\_add\_article .article\_box .quantity {position: absolute;top: 40px;left: 405px;} div.ajax\_add\_article .bottom {width: 660px;} div.ajax\_add\_article .bottom h2 {background: transparent url(…/images/backgrounds/bg\_breadcrumb.png) 0px 40px repeat-x;height:45px;} div.ajax\_add\_article .bottom .listing {padding: 0 0px 5px 15px;width: 660px;} div.ajax\_add\_article .middle{padding: 15px 15px 0 15px;} .modal div.ajax\_add\_article #listing .artbox .inner {height: 270px;} div.ajax\_add\_article .artbox .inner .price, div.ajax\_add\_article .artbox .inner .price {bottom: 30px;} div.ajax\_add\_article .actions {height:45px; position: relative;} div.ajax\_add\_article .bottom .actions {height:25px;} div.ajax\_add\_article .actions .button-left {float: left;} div.ajax\_add\_article .actions .button-right {right: 0px; top:0px;position: absolute;}[/quote] ---
**Author:** ![babyrossa](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@babyrossa](https://forum.shopware.com/u/babyrossa)\ **Post date:** [18. Oktober 2013 um 10:31 UTC](https://forum.shopware.com/t/quot-jetzt-kaufen-quot-button-grosse-andern-wo-bloss/16111/4 "2013-10-18T10:31:52Z")
Stop! Hab es kapiert. Dieser Abschnitt war natürlich falsch. War in der falschen Datei. Für die Nachwelt: Richtig ist dieser Abschnitt in der emotion.css im normalen emotion-TemplateOrdner. [quote].actions\_offer .listing\_actions a:hover { margin: 0; background: url("…/images/icons/ico\_listing-next-active.png") no-repeat scroll -3px 1px !important; width: auto; color: #e1540f; text-decoration: underline !important; } #listing .artbox {width: 190px;} #listing .artbox .inner {width: 160px;} #listing .artbox p.desc {margin: 0 0 10px; word-wrap: break-word; } #listing-1col {margin-bottom: 10px;} #listing-1col .artbox {width: 796px;} #listing-1col .artbox .actions {width: 192px;} #listing-1col .artbox .actions, #listing-1col .artbox p.price, #listing-1col .artbox p.pseudoprice, #listing-1col .artbox .unit {left: 589px;} #listing-1col .artbox .article\_price\_unit, #listing-1col .artbox .article\_price\_unit\_pseudo { position: absolute; bottom: 10px; left: 150px; } #listing-1col .artbox a.title {top: 25px;} #listing-1col .artbox p.price {top: 25px; position: absolute;} #listing-1col .artbox p.pseudoprice {top: 15px; position: absolute;} #listing-1col .artbox .article\_price\_unit, #listing-1col .artbox .article\_price\_unit\_pseudo {left: 590px; top: 50px;} #listing-1col .artbox p.desc {top: 60px;} #listing-2col .artbox {width: 392px;} #listing-2col .artbox .inner {width:362px;} #listing-2col .artbox .actions {width: 162px; bottom: 10px; right: 15px;} #listing-2col .artbox .article\_price\_unit, #listing-2col .artbox .article\_price\_unit\_pseudo {bottom: 100px; right: 15px; width: 155px;} #listing-2col .artbox .desc {margin-bottom: 5px;} #listing-2col .artbox .price {margin: 20px 0 0;} #listing-3col .artbox {width: 257px;} #listing-3col .artbox .inner {height: 300px; width: 231px;} #listing-3col .artbox .actions {bottom: 37px; left: 15px; width: 231px;} #listing-3col .artbox p.price {bottom: 65px;} #listing-3col .artbox .artbox\_thumb {margin-bottom: 10px;} #listing-3col .artbox a.compare\_add\_article, #listing-3col .artbox a.more, #listing-3col .artbox .buynow {width: 101px; left: 116px;} #listing-3col .artbox a.compare\_add\_article, #listing-3col .artbox a.more {width: 101px;} #listing-3col .artbox a.more {width: 101px; left: 116px;} #listing-3col .artbox p.desc {margin: 0 0 5px;} #listing-blog .artbox a.compare, #listing-1col .artbox a.more, #listing-1col .artbox .buynow, #listing-1col .artbox a.compare, #listing-1col .artbox a.more, #listing-blog #listing-1col .artbox .buynow {width: 182px;} #listing-1col .artbox .actions a.compare\_add\_article {width: 182px;} #listing-blog .artbox {width: 936px;} #listing-blog .artbox p.desc, #listing-1col .artbox p.desc {width: 370px; left: 150px;} #listing-blog .artbox a.title, #listing-1col .artbox a.title {left: 150px;} #listing-blog .artbox .inner, #listing-1col .artbox .inner {width: 766px;} #listing-blog .artbox .inner {width: 906px;} #listing-blog .artbox .actions {left: auto; right: 15px; width: 158px;} #listing-blog .artbox p.price, #listing-blog .artbox p.pseudoprice {position: absolute; left: 765px; top: 5px;} .artbox p.price, .artbox p.pseudoprice {position: static;}[/quote] Und hierin die Zeile [quote]#listing-3col .artbox .buynow {width: 101px; left: 116px;}[/quote] so abändern. Damit ist das Thema erledigt und ich danke boba!!