Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, August 17, 2014

Centering 'Recent Date Label Author' in Blogger Dynamic Views


They're technically called the Flipcard's Control Group. But for you and me, that's the 'recent date label author' box. And here's how you can drag it to the center of your screen. This is for Blog Reader Jon Lewsom.

Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.flipcard #controls{
width: 100%;
}
.flipcard #controls ul, #ss{
width: 325px !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
clear: both !important;
float: none !important;
}
If you've renamed your Control Group in the past, you may have to alter the value '325' in Line 5 above.

20 comments:

  1. Like a true blogger you have a nice collection hope you will like my world most popular celeb collection on http://guruofmovie.com

    ReplyDelete
  2. I can increase the display per page 50 comments?
    thanks

    ReplyDelete
    Replies
    1. There is no default way to do this, no.

      Delete
    2. Thanks. When there are more than 50 comments, you can go straight to the comments form?
      thanks

      Delete
    3. I'm afraid not. I've tried to find a way before, but without any success.

      Delete
  3. Hey, thanks a lot for this tuto, very helpful !

    ReplyDelete
  4. Hey Yoga, sorry for taking so much time to come back to you, it worked, thanks a lot !!

    ReplyDelete
  5. Hi Yoboy, I may have already asked this somewhere else on your website, but I find it, so I'll ask it again here, sorry if this makes a duplicate: is it possible to remove the "Flipcard's Control Group" altogether ?

    ReplyDelete
    Replies
    1. Hi Raf,

      See if this does it:

      .flipcard #controls{
      display: none !important;
      }

      Delete
  6. Hello! How to increase the speed of opening a message box?
    http://www.sandra.beautiful-girls.biz/

    ReplyDelete
    Replies
    1. Hello Elena,

      If you're referring to your comment box, I'm afraid there isn't any hack to make it load faster. Perhaps if you go lighter on your body's content (less pictures, etc), the comment box will load slightly faster.

      Delete
  7. Opening speed of the window, I think it is here, but I don't know how to change the style
    -moz-transition: all 1009ms ease-in-out;
    -ms-transition: all 1009ms ease-in-out;
    -o-transition: all 1009ms ease-in-out;
    -webkit-transition: all 1009ms ease-in-out;
    transition: all 1009ms ease-in-out;

    ReplyDelete
  8. Hello! How to move the labels up?
    http://www.beautiful-girls.biz/2014/09/photo-girl-0989.html

    ReplyDelete
    Replies
    1. Hello Elena. Sorry for the late reply. I couldn't load the above URL. Could you send me again?

      Delete
  9. hi! there are 4 boxes in this thing, is it possible to delete any of it?

    ReplyDelete
    Replies
    1. Hello Cass,

      Give this a try (to remove the seconf box, for eg):

      #groups>li:nth-of-type(2){
      display: none;
      }

      Delete
  10. Hi, First let me tell you that I'm not a techie. These codes kind of fly over my head. I use the Magazine view for my blog. I have seen someone using this view and has the list of views in a drop-down box in the top horizontal bar and the labels categorized in sub-heads next to it. When I clicked on the labels, they were again sub-categorized. Can you tell me how to do that? Is there any tutorial on your blog on this? I'd appreciate your help. Thanks

    ReplyDelete
    Replies
    1. Hello there. I haven't been able to find a way to get this done in Dynamic Views. Could you point me to the blog where you've seen this done?

      Delete
  11. Hi there.
    Thanks for all awesome tutorials!
    Wonder if it is possible to adjust or center the content of MAIN (texts and images) on Sidebar in Dynamic view. I find the texts and images are close to the right edge(beside the sidebar.
    Would be appreciate from your help.
    Thanks.

    ReplyDelete
    Replies
    1. Hello there,

      Sorry for the late reply. This should help. And thanks for the contribution - very much appreciated :)

      .sidebar .article{
      margin-left: auto !important;
      margin-right: auto !important;
      }

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.