Поддержка Темы и шаблоны Как изменить расстояние от контента в WP UI Style Dot Luv accordion

  • Здраствуйте

    Я работаю с темой Shiword Version 3.02 + plugin WP UI Style Dot Luv accordion. Как изменить расстояние от контента до края. Могу изменить в етом файле wp-ui/css/jquery-ui-wp-fix.css

    .wp-tabs,
    .wp-accordion,
    .wp-spoiler {
    font-size: 2px;
    font-family: inherit !important;

    }

    тогда растояние маленкое, но и буквы маленькие, когда делаю нормальные буквы

    .wp-tabs,
    .wp-accordion,
    .wp-spoiler {
    font-size: 10px;
    font-family: inherit !important;

    получяетсьа ,большое растояние от текста до края таблицы. Как изменить расстояние от контента до края таблицы?

    Большое спасибо

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • сылка на плагин http://wordpress.org/extend/plugins/wp-ui/

    Добавьте margin-top: 10px;

    Большое спасибо Evgeny Vlasov @skodnik за помощ

    Я добавил как вы скозали в файле jquery-ui-wp-fix.css

    }

    .ui-accordion-header,
    .ui-collapsible-header {
    margin-bottom: 0px !important;
    font-size: 2px;
    padding: 2px !important;
    padding-left: 7px !important;
    margin-top: 50px;
    }

    Сделал даже 50px но нет ни кокой риакции. Буквы остается меленькими.
    Мне подходит общий мштаб таблицы, контент становится в нормальной дистанции от стенки таблицы.

    Может быть что то нестыкуется с самой темой Shiword Version 3.02, или может быть есть какой та другой способ решыть эту проблему ?

    Сейчяс сделал так в файле jquery-ui-wp-fix.css самое начяло

    .wp-tabs,
    .wp-accordion,
    .wp-spoiler {
    font-size: 2px;
    font-family: inherit !important;
    margin-top: 10px;
    }

    .ui-accordion-header,
    .ui-collapsible-header {
    margin-bottom: 0px !important;
    font-size: 10px;
    padding: 2px !important;
    padding-left: 7px !important;
    }

    .ui-collapsible-header {
    margin-bottom: 10px;
    padding-left: 10px !important;
    font-size: 12px !important;
    }

    кантент близко к стенке таблицы но буквы маленькие. Что я делаю ни так? Я думаю что вообще я ниправельно делаю что уменьшаю общий font-size: до 2px;, в коком то месте должно бить параметры изменяющии дистанцию, но я ни как их не могу найти 🙁

    Так, моя рекомендация касалась только отступа сверху. Если Вы говорите о размере шрифта то это font-size, если нужны поля/отступы то это padding/margin. Очевидно у Вас есть непонимание, уверен, стоит ознакомиться — htmlbook.ru/css/font-size, htmlbook.ru/css/padding и htmlbook.ru/css/margin.

    Большое спосибо Evgeny Vlasov за помощь
    Вы опсолютно правы я не програмист:)
    Я незнаю тут проблема margin или padding
    Пересмотрел вашы линки и вот что я сделал

    в wp-content/plugins/wp-ui/css/ файле jquery-ui-wp-fix.css

    изменил начяло так

    .wp-tabs,
    .wp-accordion,
    .wp-spoiler {
    font-size: 10px;
    font-family: inherit !important;
    padding: 0%;
    margin: 0%;

    }

    .ui-accordion-header,
    .ui-collapsible-header {

    font-size: 10px;
    padding: 0%;
    margin: 0%;

    еще взял премер из вашых предаставлених http://htmlbook.ru/css/padding и вкладал в таблицу плугина
    WP UI Style Dot Luv accordion.

    [wptabs type=»accordion»]

    [wptabtitle] Название [/wptabtitle]
    [wptabcontent]
    [/wptabcontent]

    [wptabtitle] Название [/wptabtitle]

    [wptabcontent]

    <html>
    <head>
    <meta charset=»utf-8″>
    <title>padding</title>
    <style>
    .layer {
    background: #fc3; /* Цвет фона */
    border: 2px solid black; /* Параметры рамки */
    padding: 20px; /* Поля вокруг текста */
    }
    </style>
    </head>
    <body>
    <div class=»layer»>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
    euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim
    ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl
    ut aliquip ex ea commodo consequat.
    </div>
    </body>
    </html>

    [/wptabcontent]

    [wptabtitle] Название [/wptabtitle]
    [wptabcontent]
    [/wptabcontent]

    [wptabtitle] Название [/wptabtitle]
    [wptabcontent]
    [/wptabcontent]

    [wptabtitle] Название [/wptabtitle]
    [wptabcontent]
    [/wptabcontent]

    [/wptabs]

    и вот что у меня получилось

    http://1.bp.blogspot.com/-1B0-iHyu6mk/UK_2yy0rIhI/AAAAAAAAAAM/h8OIVtaSqGE/s1600/variantas2.jpg

    Эти коды в нормальном НТМЛ как бы функционируют, но нидействует в этой таблице WP UI Style Dot Luv accordion
    Я незнаю что надо сделать что бы изменить ето ратояние которое показано в картинке красной стрелачкой

    http://1.bp.blogspot.com/-1B0-iHyu6mk/UK_2yy0rIhI/AAAAAAAAAAM/h8OIVtaSqGE/s1600/variantas2.jpg

    Вы тролль. Идите куда-нибудь.

    Не кормите тролля.

    grebnev а вы мусор потому что засаряете тему
    Если нечево скозать по теме свои сказки оствте своим детям

    Я спрашываю

    Как изменить ето растояние которое показано в картинке красной стрелачкой

    http://1.bp.blogspot.com/-1B0-iHyu6mk/UK_2yy0rIhI/AAAAAAAAAAM/h8OIVtaSqGE/s1600/variantas2.jpg

    в каком файле,в каком месте что записать, или что изменить?

    При нормальных условиях я бы все это смог сделать в файле Dot Luv .css но тут такова файла нету, так я вообще нипонимаю где управляетса этот стиль Dot Luv

    Большое спосибо

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Как изменить расстояние от контента в WP UI Style Dot Luv accordion» закрыта для новых ответов.