1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Footer Widget - Größe/Breite anpassen - Advertica Theme

Dieses Thema im Forum "Konfiguration" wurde erstellt von edward1980, 22. August 2014.

  1. edward1980

    edward1980 Member

    Registriert seit:
    16. August 2014
    Beiträge:
    7
    Zustimmungen:
    0
    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.

    http://art-of-acupuncture.de/

    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
     
  2. maggo82

    maggo82 Active Member

    Registriert seit:
    18. August 2014
    Beiträge:
    27
    Zustimmungen:
    0
    Hast du Firebug oder so was?

    Bsp. würde ich hier schauen :

    #footer .ske-footer-container {



    • float: left;
    • padding-top: 35px;
    • margin-bottom: 35px;
    • margin: 60px;


    .row-fluid .span3
    {



    • width: 23.076923076923077%;


    Wenn du "margin: 60px" runnerschraubst dann kannste im ".row-fluid .span3" die "width..." höher machen...

    Dann haste den Effekt was du möchtest...

    VG
    Maggo
     
  3. edward1980

    edward1980 Member

    Registriert seit:
    16. August 2014
    Beiträge:
    7
    Zustimmungen:
    0
    Hallo Maggo

    Danke für deine Antwort.

    Sorry, aber ich finden .row-fluid .span3 { nicht im CSS oder trage ich es das nach Margin ein?

    :-|

    Danke!

    E
     
  4. maggo82

    maggo82 Active Member

    Registriert seit:
    18. August 2014
    Beiträge:
    27
    Zustimmungen:
    0
    Mache es dir einfach...
    Beispiel so :

    #footer .ske-footer-container

    • float: left;
    • padding-top: 35px;
    • margin-bottom: 35px;
    • margin: 30px;
    • width: 300px;



    Margin: runter etwas dafür width erhöhen.. Dann brauchste in der bootstrap responsive css datei nichts verändern.. Was denke ich sicherer ist.

    VG
    Marco
     
  5. edward1980

    edward1980 Member

    Registriert seit:
    16. August 2014
    Beiträge:
    7
    Zustimmungen:
    0
    Hallo Maggo

    Danke für deine Antwort. Habe es gemacht, leider nicht funktioniert bzw. keine Änderung. Aber trotzdem danke!!!
    Schönes WE!

    E
     
  6. maggo82

    maggo82 Active Member

    Registriert seit:
    18. August 2014
    Beiträge:
    27
    Zustimmungen:
    0
    Es muss den Boxen noch eine Breite mitgeteilt werden, siehe folgendes :



    • width: 300px;
     
  7. edward1980

    edward1980 Member

    Registriert seit:
    16. August 2014
    Beiträge:
    7
    Zustimmungen:
    0
    Hat geklappt! Danke, danke danke!!

    :)
     
  8. maggo82

    maggo82 Active Member

    Registriert seit:
    18. August 2014
    Beiträge:
    27
    Zustimmungen:
    0
  9. selin123

    selin123 New Member

    Registriert seit:
    28. August 2015
    Beiträge:
    2
    Zustimmungen:
    0
    Hallo,
    ich habe ebenfalls ein Problem mit dem Footer. Die Seite ist folgende: www.bedip.de
    Wie man sehen kann, ist der Call Out Footer 'Hier gelangt man zu den Produkten' überdimensional groß.
    Wie kann ich die HÖhe verändern? Und fette Schrift einstellen?

    Vielen Dank
    Selin
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden