Breite des Widgets einstellen

Neocon

Hallo,

es ist so, ich benutze ein Plugin, um die Leute anzuzeigen, die meine Seite bei Google+ in ihren Kreisen haben. Angezeigt wird es über ein Widget in der Sidebar.

Das Widget allerdings ist von der Breite etwas größer als die Sidebar und steht jetzt hässlich ab. Am Plugin selbst kann man nicht die Breite einstellen, aber vielleicht am Code selbst?

Eigentlich wollte ich den Code ja jetzt hier posten, aber er ist zu lang..... :?

Gruß, Neo :)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Pero

Poste einfach mal den Link zu deiner Seite :)

Neocon

Okay:

http://gadget-time.de/

Pero

könntest du mir sagen welches Plugin das ist und ob eine css-datei dabei ist?

Neocon

Es hat den Namen "Google Plus Badge Direct Connect" und nein, ich denke nicht, dass eine CSS Datei dabei ist.

Pero

Man könnte versuchen in der eigenen style.css die klassen und ids anzulegen und ihnen andere werte geben.

wenn du z.b. den überstehenden grauen kasten weghaben willst, dann müsste die momentane border:

Code

.oU{
border: 1px solid #DCDCDC;
}

mit

Code

.oU{
border: none;
}

überschrieben werden.

Pero

Um das ganze jetzt noch zu zentrieren müsstest du folgendes machen:

Code

#___plus_0{
position:relative;
right:10px;
}

So würde es aussehen (siehe Anhang)

Neocon

Hi,

ich würde eigentlich den Kasten gerne behalten, nur dieses überstehenden wegbekommen. Sodass es am selben Punkt aufhört, wie die anderen.

Pero

richtiger Code steht unten

Pero

Ok da du den Kasten doch behalten willst muss der Code anders aussehen:

Code

.oU{
 width:275px;
 }

Neocon

Ich kenne mich damit echt nicht aus, sorry. :???:

Kannst du mir vielleicht markieren, wo ich das machen soll?

CSS

/*   
Theme Name: Arras
Theme URI: http://www.arrastheme.com/
Description: A sophisticated, yet simple and clean WordPress theme for magazine/news blogs. Homepage comes with a featured slideshow and 3 featured post areas with 4 different customisable layouts. Comes with in one, two and three column layouts and 7 different alternate styles. WordPress 3.0-ready with two menu locations, custom post types and custom taxonomies support. Child theme ready with numerous action and filter hooks available for use. Community support available at <a href="http://www.arrastheme.com/forums/">theme forums</a>. 
Author: Melvin Lee
Author URI: http://www.zy.sg/
Version: 1.5.1.2
Tags: blue,brown,green,orange,purple,red,white,light,two-columns,three-columns,left-sidebar,right-sidebar,fixed-width,theme-options,threaded-comments,sticky-post,microformats,translation-ready,custom-menu,rtl-language-support


License: GNU General Public License, v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
Arras, like WordPress, is released under the GNU General Public License, version 2 (GPL).


For more information about the GPL, please visit:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html


If you require any support, please visit the theme website at 
http://www.arrastheme.com/.
.
*/


/* Default Stylesheet */
@import url('css/default.css');
/* User Override Stylesheet */
@import url('user.css');


/* Trick the WordPress Theme Bot *Evil* */
.aligncenter			{ display: block; margin: 0 auto !important; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, img.alignleft  { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px; }


.textcenter				{ text-align: center; }
.textright				{ text-align: right; }
.textleft				{ text-align: left; }


.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }


.sticky { }
.bypostauthor { }

Alles anzeigen

Pero

du öffnest die default.css die sich in:

Code

/wp-content/themes/arras/css/styles/

befindet.

Dort fügst du den Code von mir ein und speicherst die Datei ab.

Hier nochmal der Code:

Code

.oU{
width:275px;
}

Um es für dich einfacher zu machen kannst du den Code entweder ganz oben Einfügen oder am Ende der Datei.

Neocon

Hi,

irgendwie hat das nicht geklappt. Setzte den Code dort ein, rot markiert, aber es funktioniert nicht. Hab das mal gekürzt und nur den letzten Teil übernommen.

Wenn ich es unten einsetze, passiert nichts. Setze ich es oben ein, zerschießt es mir den Style.

Code

#footer .widgetcontainer	{ background: none; border: none; }
#footer .widgettitle	{ background: none; border: none; font-size: 14px; color: #444; padding: 0 0 10px; letter-spacing: -1px; margin: 0; }
#footer .widgetcontent	{ font-size: 12px; background: none; padding: 0; border: none; }
#footer .footer-message	{ font-size: 11px; }
.footer-sidebar-container  { border-bottom: 1px solid #CCC; }
[COLOR="Red"].oU{
width:275px;[/COLOR]
[COLOR="Red"]}[/COLOR]

Pero

hmm ok... das Plugin lädt eine CSS-Datei von Google... die können wir so nicht bearbeiten.

Was man allerdings noch versuchen könnte:

eine neue css-Datei erstellen
den css code von mir einfügen
die css datei am ende der seite einbauen

Ich erkläre mal warum:
Das Skript lädt die CSS-Datei von google, somit hat der Kasten feste Maßen.
Wenn wir jetzt eine CSS-Datei am Ende der Seite laden, so wird die Eigenschaft ( in diesem Fall Breite) der Class von der Google-css mit unserer Eigenschaft (Breite) überschrieben. (Immer was als letztes kommt wird auch umgesetzt.)

Neocon

Das hört sich voll kompliziert an und ich hab da echt nicht so viel Ahnung von, dass wenn ich irgendeine Scheiße baue, sie wieder rückgängig machen kann. :shock:

bgeissler

Ich nbehme mal an, dass man das im widget selbst einstellen kann, da die 300px-Angabe von google geladen wird. Hast du mal bei der Hilfe zur widgetnutzung bei google nachgesehen?

Neocon

Ich weiß nicht wirklich, wie du das meinst, sorry.... :confused:

Neocon

Das nervt mich mittlerweile sehr! :twisted:

Wenn ich den Rahmen rausmache, ist er dann bei allen draußen, oder nur bei Google+ ? Wenn er überall weg ist, hätte ich keine Probleme damit.....

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Breite des Widgets einstellen

Jetzt mitmachen!