SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Выравнивание кнопки по центру

Hayk Suqiasyan Hayk Suqiasyan  
0
  04.06.2016 13:03       5 070    
Ребят привет! Помогите! Очень помощь нужна! Сайт работает на wordpress. Есть код кнопки facebook, но я никак не могу его по центру страницы выровнить, он всега слева получается. Как мне этот код ( кнопку ) поставить по центру страницы???

Вот код кнопки:

<div class="fb-like" data-href="https://pr-cy.ru/jump/?url=https%3A%2F%2Ffacebook.com%2Funiversalika" data-layout="box_count" data-action="like" data-show-faces="true" data-share="true"></div>

а вот скрины с компа и с телефона:

" />
12902876.jpg

Ответы на пост (16) Написать ответ
Chuvachok Chuvachok
1124
04.06.2016 13:37
А причём тут код кнопки? Код кнопки нужен для отображения и чтобы она выполняла функцию расшаривания.
Вам нужно обрамить дивом сам код кнопки, а в диве указать стили, которые нужно прописать в твоем файле css.
Тут нет гадалок, и чем код кнопки кривой выкладывать, лучше бы дали ссылку на ваш сайт, тогда и ответ тут дан был бы 100%
0
Chuvachok Chuvachok
1124
04.06.2016 13:48
поставь сейчас код из data-share="false" в true ... а то задаешь вопрос, а сам код меняешь и скрываешь, как анализировать? :-)
0
Hayk Suqiasyan Hayk Suqiasyan
0
04.06.2016 14:33
Ок. Щас все выставлю, чтоб вам яснее было. Вот сайт: universalika.ru

И кнопка тоже на сайте. Расскажите мне подробно. Как выставить кнопку в центр? Я просто новичок. Обясните так, чтоб я понял. Спасибо заранее огромное
0
metamarfoz metamarfoz
154
04.06.2016 14:40
Поставьте для блока ширину width и добавьте display:block;margin: 0 auto;
0
metamarfoz metamarfoz
154
04.06.2016 14:41
Забыл уточнить, все это нужно добавить к классу .fb_iframe_widget
0
metamarfoz metamarfoz
154
04.06.2016 14:42
Либо просто сразу добавьте в css файл:
.fb_iframe_widget {display:block !important;margin:0 auto; width:79px;}
0
Hayk Suqiasyan Hayk Suqiasyan
0
04.06.2016 14:43
А где он находится?
0
metamarfoz metamarfoz
154
04.06.2016 14:51
У вас на сайте этот класс прописан в конструкции <style type="text/css"></style>. Сам CSS файл находится по адресу:
http://universalika.ru/wp-content/themes/evolve/style.css Т.е лежит в вашей теме, под названием 'Evolve'
0
metamarfoz metamarfoz
154
04.06.2016 14:50
У вас на сайте этот класс прописан в конструкции <style type="text/css"></style>. Сам CSS файл находится по адресу:
http://universalika.ru/wp-content/themes/evolve/style.css Т.е лежит в вашей теме, под названием 'Evolve'
0
Hayk Suqiasyan Hayk Suqiasyan
0
04.06.2016 17:21
А откуда вы знаете название моей темы и вообще весь путь? Просто интересно. И еще. Файл я нашел. В какую именно часть надо прописать? И что именно нужно прописать?
0
Hayk Suqiasyan Hayk Suqiasyan
0
04.06.2016 17:22
Вы не думайте что я чайник, просто уделите минут 5 мне - и я вам буду признателен
0
Chuvachok Chuvachok
1124
04.06.2016 19:15
Hayk Suqiasyan, просто тут многие начали превращаться в гадалок и им известно всё о вашем сайте, так что не удивляйтесь. :-)
0
Hayk Suqiasyan Hayk Suqiasyan
0
04.06.2016 20:00
А если серьезнее?
0
Chuvachok Chuvachok
1124
04.06.2016 23:47
вам ответ уже дал metamarfoz, а если его попросите получше, то может быть более правильный код вёрстки он тебе даст, который и для адаптивности моб. устройств.
пока примени его совет, но тогда на моб.устройствах страшно смотреть и ломается вёрстка, поисковики будут ругаться на немобильность :-(... ... что я могу посоветовать, вместо ширины 79px поставте 35%
.fb_iframe_widget нельзя трогать, а наоборот создать доп. див ... в диве прописать стиль, и уже в этот див кидать код "расшаривания", плюс дописать пару фишек ... только тогда вы избежите проблем с моб.адаптацией.
тренируйтесь, прочитайте все сообщения тут сто раз, только тогда в вашей голове вырастет изюминка,
ведь тут не только советуют, но и помогают в развитии ...
0
Chuvachok Chuvachok
1124
05.06.2016 11:58
Вижу делаешь успехи, :-) ... у тебя три раза повторяются widget-one-column col-sm-6
(что дает число 18, а нужно 12 ...) в вашем случае
должно быть три раза widget-one-column col-sm-4, а стайл текст центер лучше запиши в css файл, да и заголовки h5 h4 надо наверное закрыть? :-) ... заодно и от всех ошибок html избавишься на своем сайте,
https://validator.w3.org/nu/?doc=http%3A%2F%2Funiversalika.ru
А так молодец, ведь можешь когда хочешь! :-)
0
Hayk Suqiasyan Hayk Suqiasyan
0
05.06.2016 23:31
Сочту за комплимент
0