Изменение цвета фона и стиль миниатюр LinkWithin

В коде шаблона, поиск ]]></b:skin> тег и прямо над ним, добавьте следующий CSS стиль:
.linkwithin_div { background: #EEEEEE; / * Цвет фона для соответствующих сообщений контейнера */ padding: 0 10px; border-top: 1px solid #DBDBDB; / * Верхний край для связанных сообщений контейнера */ border-bottom: 1px solid #DBDBDB; /* Нижняя граница для соответствующих должностей контейнера * / } .linkwithin_text { font-family: Cambria,Georgia,sans-serif; font-size:18px; / * Размер для связанных сообщений заголовка * / color:#898989; / * Цвет для соответствующих должностей название */ } a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 { display:none; } .linkwithin_posts { width: 500px !important; /* Ширина для соответствующих должностей контейнера */ } .linkwithin_posts a { border: 0 !important; padding-right: 10px !important; } .linkwithin_posts a:hover { background: #F5F5F5 !important; /* Цвет фона при наведении курсора мыши * / } .linkwithin_img_0 { background: #F5F5F5; border: 1px solid #C1C1C1; padding: 2px !important; transition:all .2s linear; -o-transition:all .5s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } .linkwithin_img_0:hover { background: #ffffff; padding: 2px !important; opacity:.6; filter:alpha(opacity=60) } .linkwithin_img_0 div, div.linkwithin_img_0, .linkwithin_img_1 div, div.linkwithin_img_1, .linkwithin_img_2 div, div.linkwithin_img_2, .linkwithin_img_3 div, div.linkwithin_img_3, .linkwithin_img_4 div, div.linkwithin_img_4, .linkwithin_img_5 div, div.linkwithin_img_5, .linkwithin_img_6 div, div.linkwithin_img_6, .linkwithin_img_7 div, div.linkwithin_img_7, .linkwithin_img_8 div, div.linkwithin_img_8, .linkwithin_img_9 div, div.linkwithin_img_9, .linkwithin_img_10 div, div.linkwithin_img_10, .linkwithin_img_11 div, div.linkwithin_img_11, .linkwithin_img_12 div, div.linkwithin_img_12, .linkwithin_img_13 div, div.linkwithin_img_13, .linkwithin_img_14 div, div.linkwithin_img_14, .linkwithin_img_15 div, div.linkwithin_img_15, .linkwithin_img_16 div, div.linkwithin_img_16, .linkwithin_img_17 div, div.linkwithin_img_17, .linkwithin_img_18 div, div.linkwithin_img_18, .linkwithin_img_19 div, div.linkwithin_img_19, .linkwithin_img_20 div, div.linkwithin_img_20 { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .linkwithin_title { color: #242424 !important; /* Цвет для заголовков */ font-family: Cambria,Georgia,sans-serif; font-size: 12px !important; /* Размер шрифта почт заголовков * / line-height: 24px !important; text-align:center; text-decoration: none; } .linkwithin_title:hover { color: #000 !important; / * Цвет почт названия при наведении курсора мыши */ }
После добавления этого CSS, гаджет LinkWithin будет выглядеть следующим образом:

Если вы не хотите, круглые эскизов, удалить код в красном цвете. В зеленый цвет вы можете увидеть детали, которые могут быть настроены - там вы можете применить несколько стилей или изменить цвет фона, размер шрифта и т.д.

После того, как вы сделали изменения, нажмите на кнопку «Сохранить шаблон». Так что это, как мы можем настроить связанное LinkWithin сообщений виджета. Наслаждайтесь!

источник