Social Counter – center box

Posted in: Newsmag
Post count: 24

Hi how to center box in widget if only 2 button exists?

  • This topic was modified 9 years by ytre77.
Post count: 23312

Hello ytre77,

You should provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for the message!

Post count: 24

The target page with such buttons does not exist for the time being. It is being created. I want it to look like at 2 sites:

Now it is like this:

Html Code Widget
<div class="td_block_wrap td_block_social_counter td_uid_5_5947db83cdb04_rand td-social-style5 td-social-boxed"><h4 class="block-title"><span>Społeczność</span></h4><div class="td-social-list"><div class="td_social_type td-pb-margin-side td_social_facebook"><div class="td-social-box"><div class="td-sp td-sp-facebook"></div><span class="td_social_info">1,245</span><span class="td_social_info td_social_info_name">Fani</span><span class="td_social_button">Lubię</span></div></div><div class="td_social_type td-pb-margin-side td_social_youtube"><div class="td-social-box"><div class="td-sp td-sp-youtube"></div><span class="td_social_info">185</span><span class="td_social_info td_social_info_name">Subskrybujący</span><span class="td_social_button">Subskrybuj</span></div></div></div></div>

  • This reply was modified 9 years by ytre77.
  • This reply was modified 9 years by ytre77.
Post count: 23312

Hello ytre77,

You should use a bit of CSS code if you want to align your social counter and that’s why I need your website so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks for the message!

Post count: 24

I quickly created something:

http://www.tvmazovia.pl/testpage/ password: ytre77

  • This reply was modified 9 years by ytre77.
Post count: 23312

Hello ytre77,

Where exactly is located your problem because I have checked your website and I did not saw it, sorry! -> https://www.screencast.com/t/5z1rJCvjUDez

Thanks for the message!

Post count: 24

The page contains the password, the password is: ytre77 Type it in the input and click “Zatwierdź”.

Post count: 23312

Hello ytre77,

As a quick solution notice that you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-social-list{
padding-left: 75px!important;
padding-right: 0px!important;
}

The result is here -> https://www.screencast.com/t/8V6Fucfwrht

Thanks for the message!

Post count: 24

Thank you, it is better but not perfect, because the shape of squares has changed to rectangles, will you be able to restore the squares?

Post count: 23312

Hello ytre77,

You can adjust the squares from such a CSS code. try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-social-style5 .td_social_type .td-social-box {
margin: 0 1px 16px;
}

The result is here -> https://www.screencast.com/t/SblkLVOzf

Notice that is just a quick fix in this regard and you may need more customizations for other devices which you should make it yourself because we cannot provide any additional customizations in this regard, sorry! By default, this element works as expected but notice that if you will make some modifications at it, the layout may be corrupted.

Thanks for your understanding!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newsmag’ is closed to new topics and replies.