Support » Fixing WordPress » centering an icon in the sidebar

Viewing 6 replies - 1 through 6 (of 6 total)
  • Change the ‘margin: 0;’ to ‘margin: auto;’ in
    <div style="padding: 0px; position: relative; width: 180px; height: 150px; overflow: hidden; margin: 0;">

    Hi again,

    Sorry for pasting code here again but went to and couldn’t even figure out how to paste the code. I have copied the following code into a text widget and the weather icon shows but I want it centered within the sidebar. I don’t see the the code that was provided to me above for me to change.

    <div id="wx_module_3438">
       <a href="">Lutz Weather Forecast, FL (33549)</a>
    <script type="text/javascript">
       /* Locations can be edited manually by updating 'wx_locID' below.  Please also update */
       /* the location name and link in the above div (wx_module) to reflect any changes made. */
       var wx_locID = '33549';
       /* If you are editing locations manually and are adding multiple modules to one page, each */
       /* module must have a unique div id.  Please append a unique # to the div above, as well */
       /* as the one referenced just below.  If you use the builder to create individual modules  */
       /* you will not need to edit these parameters. */
       var wx_targetDiv = 'wx_module_3438';
       /* Please do not change the configuration value [wx_config] manually - your module */
       /* will no longer function if you do.  If at any time you wish to modify this */
       /* configuration please use the graphical configuration tool found at */
       /* */
       var wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=F*BGI=clouds*MAP=null|null**TIER=0*PID=1124046817*MD5=b1623eeae831ef563e20d8eed0504684';
       document.write('<scr'+'ipt src="'+document.location.protocol+'//'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>');

    All your items in the sidebar have a class art-block. Your weather widget has the class art-widget instead of art-block. Just adjust the style in your style.css to get it to center.

    what should i look for in my style.css “class art-block” or “class art-widget” and is there a way to search for text in a style.css file within the appearance editor?

    Can I change the style.css file directly in my Appearance Editor?

    look for .art-block and add ,.art-widget after it. So that
    .art-block {
    will look like:
    .art-block, .art-widget {

    Or, as an alternative, adjust the padding in the main div by adding this line to the end of style.css:

    #wx_module_3438 { padding-left: 20px; }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘centering an icon in the sidebar’ is closed to new replies.