[Plugin: CataBlog] Title not lining up with thumbnail

  • I love this plugin! Thanks. I had to make one change to the css that I thought might be helpful to others. The background of the title was not lining up with the thumbnail, I think because my template css included a margin and border for image links. I made the following changes, trying several numbers, until I got them to line up.

    .catablog-gallery.catablog-row .catablog-title {
    display: none !important;
    position: absolute !important;
    bottom: 0px;
    left: px;
    color: #fff;
    background: #222;
    opacity: 0.8;
    margin: 0 !important;
    padding: 5px !important;
    font-weight: normal !important;
    font-size: 18px !important;

    to:

    .catablog-gallery.catablog-row .catablog-title {
    display: none !important;
    position: absolute !important;
    /* I changed the values in the following two lines, “11” worked only in my case */
    bottom: 11px;
    left: 11px;
    color: #fff;
    background: #222;
    opacity: 0.8;
    margin: 0 !important;
    padding: 5px !important;
    font-weight: normal !important;
    font-size: 18px !important;

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author macguru2000

    (@macguru2000)

    Thanks for the tip 108graphics, I’m especially glad you posted here at the www.remarpro.com forums.

    However, I’m unsure if you made the change directly to the plugin’s stylesheet. If you did, I would suggest adding your CSS class modifications into either your theme’s stylesheet or a catablog.css file within your theme’s folder. This way if you want to upgrade CataBlog in the future you won’t overwrite your modifications.

    An example modifier class to put in theme stylesheet:

    .catablog-gallery.catablog-row .catablog-title {
    bottom: 11px;
    left: 11px;
}

    Again, thanks for supporting CataBlog and WordPress by posting this tip ??

    – Zach

    Thread Starter David Gordon

    (@108graphics)

    Thanks Zach,
    Sorry it’s taken so long to make the change but I finally added the code you suggested to my theme stylesheet. I had to make a small adjustment to make it work. Here’s what is working for me:

    .catablog-gallery.catablog-row .catablog-title {
    position: absolute !important;
    bottom: 11px  !important;
    left: 11px  !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: CataBlog] Title not lining up with thumbnail’ is closed to new replies.