Working with Popular Themes

Slowly I am working through the most popular themes and working out the correct CSS to make the system work best with your theme or design.  All of the items that have been added are inside the plugin already and can be turned on or off at a moments notice.

There are so far quite a few that have been added

picture of the admin screen

Theme support on the CSS admin page

What to do if yours is not in the list

If you do not see your theme in the list on this page, do try to use Default as it is the one that most themes copy….
However if you have any more theme CSS information you want me to add into the app, just let me know via comment below.

18 Responses to Working with Popular Themes

  1. Nice work with this plugin.
    I use dojo theme

    the css for nice alignment at the bottom is:

    .content ul.socialwrap li {margin-left:0px;}
    .content ul.socialwrap {margin-top:20px;}

    • Thanks John,

      Sorry for the late reply, somehow you were in my spam…. Anyhow I’ll add your theme help and see what I can do with the other items. Without looking I expect it is because in the Tag/category/archive posts that you are grabbing the ‘excerpt’ and not the content. What I would do if i was you, I would grab the_content() not the_excerpt() and use the <!–more–> item in your content. Or if you like I can make it apply to excerpts also (which I really don’t recommend). Let me know what you think?

      all the best
      andy

  2. Salomon says:

    hi there im making my new site you can preview it at http://bberryblog.com.previewdns.com/
    i addes this pluging but i cant see the images

    can you please help me ???

    tnx in advance

    • Salomon, seems to be showing images now…. sorry no image order yet, soon to come. not sure about your right section until I can see it broken.

      All the best
      Andy

  3. Salomon says:

    i forgot …

    also if i put the widget, all my rigth seccion gets unsorted, how do i fix this ?

  4. James says:

    Anything for Bosspress?

  5. How about support for the default Twenty Ten theme, or the child theme 2010 Weaver?

  6. Killbot says:

    Love this plug-in.. Just installed it..
    But I’m trying to format it with my own Artisteer 2 theme.
    Basically trying to fix this problem..

    I don’t know which file in WordPress is responsible for this.
    Any ideas?

    Thanks!

      • andy killen says:

        The image that you link to does not exist… :(

      • andy killen says:

        Oh there now. I would start with looking at you CSS.

        I can only think that it would be one of the following

        ul li {width:100}
        combat with
        shareinpost ul li {width: auto !important}

        strange images
        fix with
        shareinpost ul li {background-image:none}

        without being able to see it on you site live I really cant help

        regards
        Andy

    • andy killen says:

      what problem? it’s been deleted~!

      • Killbot says:

        Hello! Thank you for your reply and ongoing help.

        I de-activated the plug in for now, but I have put it back on for now

        http://www.killbotrecords.com/killbot/

      • Killbot says:

        Hello! Thank you for your reply and ongoing help.

        I de-activated the plug in for now, but I have put it back on for now
        Have a look now?
        http://www.killbotrecords.com/killbot/

        • andy killen says:

          Hey Killbot,

          Weird problem you have there as it looks like the CSS is not loading at all for the plugins. I think you should try the following things…

          1) check your theme’s header.php
          - open the header.php
          - look for the closing HEAD tag
          - make sure that wp_head() is just before it… like this

          <?php wp_head() ?>
          </head>

          2) check the admin settings
          - open the share and follow admin page
          - goto the CSS Style and Configuration section
          - Change the radio button from YES to NO so that it puts inline CSS into the head

          3) check the permissions on the CSS file
          - FTP to your site (maybe using filezilla?)
          - goto the /wp-content/plugins/share-and-follow/css directory
          - right click on the files stylesheet.css and print.css and select “properties”
          - change the settings to 777

          regards
          Andy

  7. Killbot says:

    Hey Andy.

    1./
    OK, so my header.php ended a bit like this ::

    <script type="text/javascript" src="/script.js”>

    2./ I tried step 3 first in order to try Step 2…
    Within the “CSS Style and Configuration” section;

    The radio buttons regarding using external stylesheets “stylesheet.css.”
    Either Yes or No are selected and it’s not accepting any of my options when I “Update Settings.”
    Exact same with “print.css”…

    Maybe some more permissions I have to change in order to have THIS accept my alterations to this part of the Admin ?

    Thanks heaps in advance.

    Killbot

    • andy killen says:

      Hey Killbot

      yep that sounds like the problem there, that the server cannot re-write the stylesheet.css or print.css. as it seems to have deleted some of your codes I’m not 100% sure as to how your header.php ends, but what I can see is that you use src=”/script.js” which would suggest that your running some sort of hybrid install as usually this would be prefixed with either /wp-content/themes/your-theme/ or /wp-content/plugins/the-plugin-that-uses-the-script/

      Give that all… I am hoping that you have access to your themes CSS file and can add bits too it, and will suggest to you that you add the following CSS.

      /* share and follow */

      .socialwrap li.icon_text a img,.socialwrap li.iconOnly a img,.followwrap li.icon_text a img,.followwrap li.iconOnly a img{border-width:0 !important;background-color:none}
      #follow.right{width:32px;position:fixed;right:0;top:100px;background-color:#00467F;padding:10px 0;font-family:impact,charcoal,arial,helvetica,sans-serif;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border:2px solid #ff6600;border-right-width:0}#follow.right ul{padding:0;margin:0;list-style-type:none !important;font-size:24px;color:black}
      #follow.right ul li{padding-bottom:10px;list-style-type:none !important;padding-left:4px;padding-right:4px}
      #follow img{border:none}
      #follow.right ul li.followus{margin:0 4px}
      #follow.right ul li.followus img{border-width:0;display:block;overflow:hidden;background:transparent url(http://share-and-follow.com/wp-content/plugins/share-and-follow/images/impact/followus-right.png) no-repeat -168px 0px;height:107px;width:20px}
      #follow.right ul li a{display:block}
      #follow.right ul li.followus span,#follow ul li a span{display:none}.share{margin:0 3px 3px 0}
      .phat span{display:inline}
      ul.row li{float:left;list-style-type:none}
      li.iconOnly a span.head{display:none}
      #follow.left ul.size16 li.follow{margin:0px auto !important}
      li.icon_text a{padding-left:0;margin-right:3px}
      li.text_only a{background-image:none !important;padding-left:0}
      li.text_only a img{display:none}
      li.icon_text a span{background-image:none !important;padding-left:0 !important;}
      li.iconOnly a span.head{display:none}
      ul.socialwrap li{margin:0 3px 3px 0 !important}
      ul.socialwrap li a{text-decoration:none}ul.row li{float:left;line-height:auto !important}
      ul.row li a img{padding:0}.size16 li a,.size24 li a,.size32 li a,.size48 li a,.size60 li a{display:block}ul.socialwrap{list-style-type:none !important;margin:0;padding:0;text-indent:0 !important}
      ul.socialwrap li{list-style-type:none !important;background-image:none;padding:0;list-style-image:none !important}
      ul.followwrap{list-style-type:none !important;margin:0;padding:0}
      ul.followwrap li{margin-right:3px;margin-bottom:3px;list-style-type:none !important}
      #follow.right ul.followwrap li,#follow.left ul.followwrap li{margin-right:0px;margin-bottom:0px}
      .shareinpost{clear:both;padding-top:0px}.shareinpost ul.socialwrap{list-style-type:none !important;margin:0 !important;padding:0 !important}
      .shareinpost ul.socialwrap li{padding-left:0 !important;background-image:none !important;margin-left:0 !important;list-style-type:none !important;text-indent:0 !important}
      .socialwrap li.icon_text a img,.socialwrap li.iconOnly a img{border-width:0}ul.followrap li{list-style-type:none;list-style-image:none !important}
      div.clean{clear:left}
      div.display_none{display:none}


      regards
      Andy