This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Center SiteOrigin Social Media Widget

Resolved 10 replies premiumthemetheme-vantage
10 years ago · Last reply by Magus 10 years ago

Hey there,
can you tell me how I can center the SiteOrigin Social Media Buttons in Footer?
I only found threads how you can center the Vantag Social Media Buttons.

.so-widget-sow-social-media-buttons {
    text-align: center;}

I thought this could work, but unfortunately not.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Magus Staff 10 years, 9 months ago

    Hi David

    Centring the icons will depend on the existing footer contents (if any).

    Is this on the same site as this thread?

    Thread: Menu Icon changes Color if Submenu is active

    If it is, and the account you created is still active could you please disable the security plugin again then we can jump in and help with a fix for you.

    Thanks

    Magus

  2. David 10 years, 9 months ago

    yes, but the site isn’t public yet. Can I send you the source code of the footer?

  3. Magus Staff 10 years, 9 months ago

    Hi David

    Yes you could just send the source of the footer wrapped in code tags (see below the reply box)
    Or if you need to keep your URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Magus

  4. David 10 years, 9 months ago
    <style type="text/css" id="vantage-footer-widgets">#footer-widgets aside { width : 100%; } </style> <style type="text/css" id="customizer-css">#masthead .hgroup { padding-top: 30px; padding-bottom: 30px } .main-navigation ul ul { background-color: #343538 } .main-navigation ul li:hover > a, #search-icon #search-icon-icon:hover { background-color: #343538 } .main-navigation ul li:hover > a, .main-navigation ul li:hover > a [class^="fa fa-"] { color: #ff9500 } .main-navigation ul ul li:hover > a { background-color: #343538; color: #ff9500 } .main-navigation [class^="fa fa-"], .main-navigation .mobile-nav-icon { color: #e2e2e2 } .main-navigation ul li:hover > a [class^="fa fa-"], .main-navigation ul li:hover > a .mobile-nav-icon { color: #ff9500 } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^="fa fa-"], .main-navigation ul li.current-page-item > a, .main-navigation ul li.current-page-item > a [class^="fa fa-"] { color: #ff9500 } #search-icon #search-icon-icon .vantage-icon-search { color: #e2e2e2 } #search-icon #search-icon-icon:hover .vantage-icon-search { color: #ff9500 } #search-icon .searchform { background-color: #464646 } #search-icon .searchform input[name=s] { color: #e2e2e2 } .main-navigation ul li a { padding-top: 15px; padding-bottom: 15px } #header-sidebar .widget_nav_menu ul.menu > li > ul.sub-menu { border-top-color: #ff9500 } .widget_circleicon-widget .circle-icon-box .circle-icon { background-color: #ff9500 } #colophon, body.layout-full { background-color: #343538 } </style><script type="text/javascript">var dnt_config={ifdnt:"0",mode:"blacklist",black:["media6degrees.com","quantserve.com","lockerz.com"],white:[]};</script><script type="text/javascript">function aop_around(a,b){aop.around({target:a,method:b},function(a){if(typeof a.arguments[0].src==="string"&&(a.arguments[0].tagName.toLowerCase()==="script"||a.arguments[0].tagName.toLowerCase()==="img"||a.arguments[0].tagName.toLowerCase()==="iframe")&&a.arguments[0].src!=="javascript:void(0)"){if(sanitizer(a.arguments[0].src)===true){a.arguments[0].src="javascript:void(0)"}}return a.proceed()})}function sanitizer(a){var b=new RegExp("(?:f|ht)tp(?:s)?://([^/]+)","im");try{a=a.match(b)[1].toString()}catch(c){return a}if(mode==="blacklist"){for(x in list["black"]){if(typeof list["black"][x]==="string"){if(a.indexOf(list["black"][x].toLowerCase())!==-1){a=true;break}}}}else{for(x in list["white"]){if(typeof list["white"][x]==="string"){if(a.indexOf(list["white"][x].toLowerCase())!==-1){tmpS=false;break}else{tmpS=true}}}if(tmpS===true)a=tmpS}return a}(function(){var _after=1;var _afterThrow=2;var _afterFinally=3;var _before=4;var _around=5;var _intro=6;var _regexEnabled=true;var _arguments="arguments";var _undef="undefined";var getType=function(){var a=Object.prototype.toString,b={},c={1:"element",3:"textnode",9:"document",11:"fragment"},d="Arguments Array Boolean Date Document Element Error Fragment Function NodeList Null Number Object RegExp String TextNode Undefined Window".split(" ");for(var e=d.length;e--;){var f=d[e],g=window[f];if(g){try{b[a.call(new g)]=f.toLowerCase()}catch(h){}}}return function(d){return d==null&&(d===undefined?_undef:"null")||d.nodeType&&c[d.nodeType]||typeof d.length=="number"&&(d.callee&&_arguments||d.alert&&"window"||d.item&&"nodelist")||b[a.call(d)]}}();var isFunc=function(a){return getType(a)=="function"};var weaveOne=function(source,method,advice){var old=source[method];if(advice.type!=_intro&&!isFunc(old)){var oldObject=old;old=function(){var code=arguments.length>0?_arguments+"[0]":"";for(var i=1;i<arguments.length;i++){code+=","+_arguments+"["+i+"]"}return eval("oldObject("+code+");")}}var aspect;if(advice.type==_after||advice.type==_afterThrow||advice.type==_afterFinally)aspect=function(){var a,b=null;try{a=old.apply(this,arguments)}catch(c){b=c}if(advice.type==_after)if(b==null)a=advice.value.apply(this,[a,method]);else throw b;else if(advice.type==_afterThrow&&b!=null)a=advice.value.apply(this,[b,method]);else if(advice.type==_afterFinally)a=advice.value.apply(this,[a,b,method]);return a};else if(advice.type==_before)aspect=function(){advice.value.apply(this,[arguments,method]);return old.apply(this,arguments)};else if(advice.type==_intro)aspect=function(){return advice.value.apply(this,arguments)};else if(advice.type==_around){aspect=function(){var a={object:this,args:Array.prototype.slice.call(arguments)};return advice.value.apply(a.object,[{arguments:a.args,method:method,proceed:function(){return old.apply(a.object,a.args)}}])}}aspect.unweave=function(){source[method]=old;pointcut=source=aspect=old=null};source[method]=aspect;return aspect};var search=function(a,b,c){var d=[];for(var e in a){var f=null;try{f=a[e]}catch(g){}if(f!=null&&e.match(b.method)&&isFunc(f))d[d.length]={source:a,method:e,advice:c}}return d};var weave=function(a,b){var c=typeof a.target.prototype!=_undef?a.target.prototype:a.target;var d=[];if(b.type!=_intro&&typeof c[a.method]==_undef){var e=search(a.target,a,b);if(e.length==0)e=search(c,a,b);for(var f in e)d[d.length]=weaveOne(e[f].source,e[f].method,e[f].advice)}else{d[0]=weaveOne(c,a.method,b)}return _regexEnabled?d:d[0]};aop={after:function(a,b){return weave(a,{type:_after,value:b})},afterThrow:function(a,b){return weave(a,{type:_afterThrow,value:b})},afterFinally:function(a,b){return weave(a,{type:_afterFinally,value:b})},before:function(a,b){return weave(a,{type:_before,value:b})},around:function(a,b){return weave(a,{type:_around,value:b})},introduction:function(a,b){return weave(a,{type:_intro,value:b})},setup:function(a){_regexEnabled=a.regexMatch}}})();if(dnt_config.ifdnt!=="1"||navigator.doNotTrack==="yes"||navigator.msDoNotTrack==="1"||navigator.doNotTrack==="1"||document.cookie.indexOf("dont_track_me=1")!==-1||document.cookie.indexOf("civicAllowCookies=no")!==-1){var mode=dnt_config.mode;var list=[];list["black"]=dnt_config.black;list["white"]=dnt_config.white;aop.around({target:document,method:"write"},function(a){if(a.arguments[0].search(/img|script|iframe/i)!==-1){if(sanitizer(a.arguments[0])===true){a.arguments[0]=a.arguments[0].replace(/</g,"<!-- ").replace(/>/g," -->")}}return a.proceed()});scriptParent=document.getElementsByTagName("script")[0].parentNode;if(scriptParent.tagName.toLowerCase!=="head"){head=document.getElementsByTagName("head")[0];aop_around(head,"insertBefore");aop_around(head,"appendChild")}aop_around(scriptParent,"insertBefore");aop_around(scriptParent,"appendChild");var a2a_config=a2a_config||{};a2a_config.no_3p=1;var addthis_config={data_use_cookies:false};var _gaq=_gaq||[];_gaq.push(["_gat._anonymizeIp"])}
    </script>
  5. David Private 10 years, 9 months ago

    This is a private message.

  6. Magus Staff 10 years, 9 months ago

    Hi David

    If you mean to centre the icons horizontally then you would just need to move them to the centre column of your pagebuilder layout. If you are looking at centring them vertically then we would need to look at adding some custom CSS to add padding to the widgets attribute tab in CSS Styles. These would be

    padding-top: 10px
    padding-bottom: 10px

    You can then adjust the sizes to fit what you expect to see.
    Please note that there are no closing entries ( ; ) on the lines, as they are not needed when using this method.

    Let us know how you get on

    Magus

  7. David 10 years, 9 months ago

    Thanks for your quick reply.
    Okay I understand, but my problem isnt only to center the widgets. I did this with

    #footer-widgets .widget {
        text-align: center; }

    The problem is that the SiteOrigin Social Media Buttons did not center. All the other widgets in footer are centered well.

  8. Magus Staff 10 years, 9 months ago

    Hi David

    Please give this a try

    #footer-widgets .widget, #footer-widgets .widget .social-media-button-container {
        text-align: center;
    }

    Let me know how that works

    Magus

  9. David 10 years, 9 months ago

    it works! :-)
    Thank you very much! Very good support

  10. Magus Staff 10 years, 9 months ago

    You are most welcome.

    If you need any more help please feel free to open a new support thread.

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread