Woocommerce Schaltflächen, graue Fläche am unteren Rand und füllen gesamten Bildschirm

Question

Ich habe eine Reihe von Problemen mit meiner Woocommerce-Seiten in meiner Wordpress-Website, die ich hoffe, jemand könnte mir helfen. Sie haben mich verrückt gemacht, als ich versuchte, sie zu reparieren.

Mein Thema - Trias - http://www.mojo-themes.com/item/trias-multi-style-corporate-responsive-theme/ unterstützt nicht wocommerce und das hat Probleme erstellt.

1. erste ist die WooCommerce Seiten - Kategorie und Produkt den gesamten Bildschirm ausfüllen heißt bis zum Rand. Irgendeine Idee, wie ich das ändern würde, um zu meinem Thema zu passen?

2. Am Ende dieser Woocommerce Kategorie und Produktseiten - das Thema endet und Sie können graue Fläche unter dem Themenbereich sehen - irgendwelche Ideen, wie dies zu verhindern.

3. Letzte Abfrage und diese ist die nervigste - das Thema hat ein schwebendes Symbol auf Schaltflächen, d. H. Einen schwebenden kleinen Pfeil auf der linken Seite des Pfeils, bevor die Wörter beginnen. Problem ist auf den Woocommerce-Seiten - der schwebende Pfeil schwebt über den Wörtern auf der Schaltfläche. Es ist super nervig.

Meine Themen Taste ist als:

button, 
a.button { 
    display: inline-block; 
    position: relative; 
    margin-top: 30px; 
    border: 0 none; 
/* background: #00a3da url("images/button-link-arrow.png") no-repeat 0 50%;*/ 
    padding: 7px 12px 7px 35px; 
    text-transform: uppercase; 
    color: #fff; 
    font-family: "Oswald"; 
    font-size: 16px; 
    line-height: 20px; 
    cursor: pointer; 

Bitte Bild der Schaltfläche mit schwimmendem Pfeil sehen: image of button with incorrect floating arrow

Vielen Dank im Voraus für alle Anregungen an allen

Answer 1

- AKTUALISIERT -

Fügen Sie diese CSS-Regeln auf die style.php Datei Ihrer aktiven Kind Thema oder Thema

Für Ihre Symbolschaltflächen:

.button.product_type_variable.add_to_cart_button, 
.single_add_to_cart_button.button, 
button.single_add_to_cart_button, 
.button.wc-forward { 
    padding-left: 34px !important; 
} 
.button.product_type_variable.add_to_cart_button:before, 
.single_add_to_cart_button.button:before, 
button.single_add_to_cart_button:before, 
.button.wc-forward:before { 
    top: 6px !important; 
} 

Für Ihre Inhalte (nur WooCommerce Seiten):

.woocommerce .content-wrap { 
    width: 934px; 
    margin: 0 auto; 
    padding: 20px 30px 20px 36px; 
} 

Sie müssen benutzerdefinierte Medienabfragen hinzufügen und die Werte dieser Regeln abhängig von den Zielbildschirmauflösungen anpassen.

Ich denke, dass Sie nicht richtig Ihre Seiten festgelegt haben (in Bezug auf Ihr Thema), das ist, warum Sie diese Art von „Inhalt“ Probleme auf WooCommerce Seiten:

Der beste Weg, diese Art von Problem zu lösen ist es, die Theme-Themen des Autors zu kontaktieren und ein Ticket zu öffnen.