Wsparcie » Używanie i konfiguracja WordPressa » Czy można zrobić przeźroczyste tło wszystkich widgetów ? Oraz Zmiana szerokości

  • VertiPL

    (@vertipl)


    Witajcie, szukam i szukam u wuja google ale znaleźć nie mogę. Można zrobić by w wszystkich widgetach tło było przeźroczyste ? moja strona http://mcsite.pl/
    Znalazłem tylko html kod który wypełnia tło widgetu tekstowego. W sumie i tak nie znalazłem by było to przeźroczyste tylko np zielone. No a drugim moim problemem jest te obramowanie. Widać takie mniej przeźroczyste obramowanie, czy można zmienić by wszystkie widgety były na płnej szerokości ? Tak by wykożystać ten obszar ?

    Z góry dzięki. Mateusz 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • wojtkot

    (@wojtkot)

    a próbowałeś ustawić opacity danego widgetów ?
    http://www.w3schools.com/css/css_image_transparency.asp

    Thread Starter VertiPL

    (@vertipl)

    Z tym że jest taki problem w tym akurat ponieważ mając http://themezee.com/zeepersonal/#proversion ten motyw nie mam zbyt dużo możliwości. A 29 $ na początek strony to dla mnie troszkę dużo ;D

    wojtkot

    (@wojtkot)

    no to edytuj style.css tego theme’u w wygląd->edytor
    odszukaj wpisów odnośnie widget’ów i dodaj do nich wartość opacity.
    lub ew. stwórz przeźroczysty lub przyciemniony plik png w jakimś programie graficznym i ustaw go na tło widgetu.

    Thread Starter VertiPL

    (@vertipl)

    Bo w sumie chodzi Ci o coś w tych miejscach pewnie. W którym miejscu mam umieścić o tym opacity ? Czy może np gdzieś mogę zmienić background na przeźroczysty ?

    /*============================ SIDEBAR ============================*/
    #sidebar {
    	margin-left: 650px;
    	margin-top: 5px;
    	width: 290px;
    	padding: 15px 15px 1px 15px;
    	background: url(images/bg.png) repeat;
    }
    #sidebar .widgettitle {
    	color: #333;
    	font-size: 1.3em;
    	margin: 0 0 10px 0;
    	padding: 5px 10px;
    	background: #ddd;
    	border-left: 3px solid #444;
    }
    #sidebar ul li {
    	margin-bottom: 15px;
    	padding: 5px;
    	background: #fff;
    }
    #sidebar ul li ul, #sidebar ul li div{
    	margin-bottom: 5px;
    	padding: 0 10px;
    	color: #666;
    }
    #sidebar ul li ul {
    	list-style: url(images/sidebar_arrow.png) inside;
    }
    #sidebar a, #sidebar ul {
    	font-size: 1.0em;
    	text-decoration: none;
    }
    #sidebar a:link, #sidebar a:visited  {
    	color: #222;
    }
    #sidebar a:hover, #sidebar a:active {
    	color: #555 !important;
    }
    #sidebar ul ul li {
    	margin: 0;
    	padding: 5px 0;
    	border: 0;
    }
    #sidebar .children {
    	margin-top: 5px;
    	margin-left: 10px;
    	background: none;
    }
    /*============================ WIDGETS ============================ */
    /* Theme SocialMedia Widget */
    .widget-social-icons img{
    	margin: 0;
    }
    /* Theme Ads Widget */
    .widget-ads {
    	margin: 1px;
    }
    /* Theme Search Widget */
    #searchform div {
    	padding: 0 !important;
    }
    .screen-reader-text {
    	display: none;
    }
    #s {
    	padding: 6px 5px;
    	font-size: 1.0em;
    	font-weight: bold;
    	color: #333;
    	width: 170px;
    	border: none;
    	background: #ddd;
    }
    #searchsubmit {
    	margin-left: 5px;
    	border: none;
    	padding: 5px 10px;
    	color: #333;
    	font-size: 1.0em;
    	font-weight: bold;
    	cursor: pointer;
    	background: #ddd;
    }
    #searchsubmit:hover {
    	color: #fff;
    	background: #333;
    }
    Moderator Paweł Knapek

    (@adpawl)

    #sidebar ul li {
    	margin-bottom: 15px;
    	padding: 5px;
    	background: #fff;
    }

    background: #fff; zmień na background: none;

Viewing 5 replies - 1 through 5 (of 5 total)
  • Temat ‘Czy można zrobić przeźroczyste tło wszystkich widgetów ? Oraz Zmiana szerokości’ jest zamknięty na nowe odpowiedzi.