Hallo Miteinander,
ich habe folgendes Problem: Ich habe im Footer drei Widgets angelegt. Den Abstand zu einander konnte ich durch Hilfe vom Support (des Themes) managen. Allerdings besteht zwischen uns Kommunikationsprobleme (nein, nicht unfreundlich oder so), aber ich habe das Gefühl das es irgendwie nicht ankommt (wahrscheinlich wegen der Sprache).
Ich möchte die Breite des einzelnen Widgets ändern, gegenwärtig sieht das alles noch sehr unschön aus. Hier ein Blick.
Wo muss ich was konkret ändern.
/* =Footer
-------------------------------------------------------------- */
#footer { background-color: #303132; border-top: 0 solid #30B7FF; color: #747474; margin-bottom: 0}
#footer .first_wrapper {margin: 0 auto; height: 64px; color: #858585;}
#footer .first_wrapper .siteinfo {float: left; height: auto; margin-left: 20px; padding: 10px 0;}
.footer-seperator {height: 1px;margin-bottom: 5px;}
.siteinfo .sitename {margin-bottom: 5px;}
.siteinfo .sitename a {color: #FFFFFF;font-size: 20px;text-decoration: none;}
.siteinfo .sitedescription {color: #858585;font-size: 12px;}
#footer .second_wrapper { }
#footer .third_wrapper { background-color: #2D2E2F; color: #777777; font-family: OpenSansSemibold; margin: 0 auto; padding: 15px 0;}
#footer .ske-footer-container {float: left;padding-top: 35px; margin-bottom:35px; margin: 60px; width 80px}
#footer li.ske-footer-container {list-style: none outside none;}
.ske-title.ske-footer-title {color: #777777; font-family: 'OpenSansbold'; font-size: 13px; letter-spacing: 2px; margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase;}
.ske-footer-container ul li a,.ske_widget a { height: 10px; margin-bottom: 5px; transition: all .5s linear 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
.ske-footer-container ul li a:hover,.ske_widget a:hover{transition: all .5s linear 0s; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;}
.ske-footer-container ul li { border-bottom: 1px dotted #3B3B3B; list-style: none outside none; margin-bottom: 7px; margin-left: 0; padding-bottom: 7px; padding-left: 1px;}
.ske-footer-container p, .ske-footer-container ul li a {color: #ccc;line-height: 18px;}
#footer .third_wrapper .copyright {line-height: 20px; min-height: inherit;font-size: 12px;}
#footer .third_wrapper .owner {line-height: 20px; text-align: right; float: right; min-height: inherit;font-size: 12px;}
#footer .third_wrapper a {color: #969595; text-decoration: none; font-size: 12px; }
#footer .third_wrapper a:hover {color: #F54336;}
a#backtop:before{color: #FFFFFF;content: "\f106"; display: block; font-family: 'FontAwesome'; font-size:14px; margin-top: 9px; text-align: center;}
a#backtop {background: none no-repeat scroll 0 0 #F54336; bottom:7px; height: 35px; line-height: 16px; position: fixed; right: 30px; text-decoration: none; width: 35px; z-index: 9999}
.ske-footer-container ul li:before { content: none; }
.ske-footer-container .menu li { display: block; float: none; }
.ske-footer-container .menu { float: none; width: 100%; }
oder
/* =Widget Areas
-------------------------------------------------------------- */
.ske_widget ul { list-style: none; margin-left: 0;}
.ske_widget ul.menu{font-size:12px;float: none;width:100%;}
.ske_widget ul.menu li{float:none;}
.ske_widget ul.menu li a {margin-left:3px;}
.ske_widget ul ul {list-style: none; margin-left:0px;}
.ske_search #s {width: 60%; }
.ske_search label {display: none; }
.error404 #searchform input[type="text"],
.search #searchform input[type="text"],
#sidebar #searchform input[type="text"],#footer #searchform input[type="text"] { border: 1px solid #DDDDDD; color: #666; font-family: 'OpenSansRegular', sans-serif; height: 25px; padding-left: 1px; width: 30px;border-right:0; font-size: 12px;font-weight: 300;}
#searchform input[type="submit"] { height: 29px; border-style: none; color: #FFFFFF; display: block; font-family: 'OpenSansRegular', sans-serif;overflow: hidden; padding: 4px 11px; text-decoration: none; width: auto;cursor:pointer;font-size: 12px;font-weight: 300;margin:0;-webkit-padding-before:5px;-webkit-padding-after:5px;-webkit-padding-start:14px;-webkit-padding-end:14px;}
#footer #searchform input[type="text"]{border:0;height:27px;}
.ske-container {margin:0 0 40px;}
.widget_search .ske-title {border-bottom: none;}
.ske-title {font-size: 16px; font-weight: bold;line-height: 23px; margin-bottom: 10px; font-size: 24px;}
.ske-container img,.ske-container select {height: auto;max-width: 100%; }
.ske_widget a:link,.ske_widget a:visited {text-decoration: none; color: #666666;}
.ske_widget a:active,.ske_widget a:hover {text-decoration: none; color: #000;}
.ske_widget a.image:hover {padding:0;}
#wp_tag_cloud div {line-height: 1.6em;}
#wp-calendar {background: none repeat scroll 0 0 #F54336;color: #FFFFFF;padding: 2px; width: 100%; }
#wp-calendar caption {color: #525252;font-size: 13px;font-weight:normal;padding-bottom: 4px; text-align: left; }
#wp-calendar thead {font-size: 11px;}
#wp-calendar thead th {border: medium none;color: #FFFFFF;font-family: OpenSansBold;font-size: 12px;padding: 9px 5px;text-align: center;}
#wp-calendar tbody {color: #aaa;}
#wp-calendar tbody td { border: medium none; padding: 3px 0 2px; text-align: center;color:#f2f2f2; font-size:12px; }
#wp-calendar a { color: #FFFFFF; font-family: OpenSansSemibold; font-size: 13px; font-weight: 400; }
#wp-calendar tbody a { background: none repeat scroll 0 0 #F0F0F0; color: #333333; display: block; font-weight: 400; height: 23px; line-height: 24px; margin: 0 auto; text-align: center; width: 25px; }
#wp-calendar a:hover { color: #000;}
tfoot td {padding: 9px 5px;}
#wp-calendar td { border: medium none;}
#wp-calendar tbody .pad {background: none;}
#wp-calendar tfoot #next {text-align: right;}
#sidebar div.follow-icons li a{background: none repeat scroll 0 0 #eee;}
#sidebar div.follow-icons .social li a:before{color:#333;}
#sidebar div.follow-icons .social li a:hover:before{color:#fff;}
#sidebar select{ border: 1px solid #DDDDDD;color: #666666;font-family: OpenSansRegular;font-size: 12px;padding: 4px;width: 100%;}
oder doch
/* =Main Sidebars
-------------------------------------------------------------- */
#sidebar { float:right; }
#sidebar .skeside {width:150%;float:left;margin-bottom: 25px;}
.front-page #sidebar { padding-left: 0; }
#main .ske_widget ul { margin-left: 0; }
#main .ske_widget ul ul.children { margin:0; padding:0; }
#main .ske_widget ul ul.children li,#main .ske_widget ul ul.sub-menu li {border-bottom:none;padding-bottom:0;}
.ske_widget ul ul li:before, .widget_nav_menu ul li:before, .widget_pages ul li:before, .widget_categories ul li:before, .wpb_taxonomy ul li:before, .widget_recent_entries ul li:before, .widget_recent_comments ul li:before, .widget_archive ul li:before, .widget_meta ul li:before{ margin-right: 5px; color: #636363; /*content: "\f0da";*/ font-size: 12px; font-family: 'FontAwesome'; }
#main .ske_widget ul ul li {border-bottom: 1px dotted #eee; line-height: normal; margin: 0; padding: 9px 0; display: block; width:100%; }
#sidebar_1 {}
#sidebar_1 .ske-container img { border: 3px solid #CCCCCC; margin: 0 4px 8px; padding: 2px; }
#sidebar_1 .ske-container img:hover { border: 3px solid #898989; }
.ske_widget ul.social{margin-bottom:0;}
#sidebar .ske_widget div.follow-icons ul.social li:before{margin-right:0px;}
#sidebar .ske_widget div.follow-icons ul.social li {margin-top:0;margin-bottom:10px;}
#sidebar .ske-title,#footer .sitename{ font-family: 'OpenSansBold'; font-size: 13px; letter-spacing: 2px; margin-bottom: 25px; text-transform: uppercase;}
#footer #wp-calendar {background:#2C2D2E; }
#footer #wp-calendar thead th{color:#ddd;}
#footer #wp-calendar caption {color:#ccc;}
#footer .tagcloud a {border-radius: 2px;}
#footer select { width: 100%;padding: 5px;font-family: OpenSansRegular;font-size: 12px;border: 0; color: #666;}
Für Hilfe bin ich sehr dankbar!!
Gruß
E