CataBlog Lightbox Title Permanently Displayed Tutorial will show you how to permanently add a Title to your images while viewing then on the browser.

Last Updated: January 23, 2018

Latest Update: I have added another link to the menu.

Hint: Always work with a child theme and not the parent theme.

Hint: If you are going to edit your style sheet make sure that it is on a testing site just in case someone is viewing your website.

CataBlog Lightbox Title Permanently Displayed Tutorial

=============================================

There are times that you might not be able to add any CSS style to your theme for various reasons or you might not know how to. Another reason would be that you are not using a child theme like in this example. This little but powerful plugin WordPress Custom CSS Plugin by Tips and Tricks HQ will help you.

All you have to do is install the plugin, enable and add the CSS code mentioned below. The css code added below will not interfere with any other code in your website because it is using unique CataBlog css class.

=============================================

Step 1 ) The following images have no title when you view them on your browser.

The shortcode used for this example is [ catablog template=”gallery” category=”add-category-name-here” ]

Important: I added a category in the code above but in your case you might not want to add a category.

Step 2 ) The following image shows you the Titleonce you move the mouse over.

Step 3 ) Let’s go and edit the theme and add the css code to your style sheet. I am using a child theme. See images below.

Note: Remember you might be using a different child theme or the parent theme. If you are using the parent theme you might need to install the plugin mentioned above.

My ultimate goal is to create pages based on galleries. In Blogger, I forced the images onto the pages manually, but I thought I could use catablog to do it with a bit of style! I want to have gallery pages with certain tags (ex: all sewing tutorials on one page, all dress up costume tutorials on another etc.).

I am running WordPress 3.9.2 with the Dynamik-Gen theme builder and I’m trying to put the code on this page.catablog-gallery.catablog-row .catablog-title { display: block !important; }into the style.css sheet.

Perhaps I did something / didn’t do something in the Catablog tutorials correctly, but the style sheet allows me to save the code, it just doesn’t change the titles to show permanently.

I am using WP 3.9.2 with the Dynamik-Gen theme builder and I’m trying to accomplish the following. I want to create pages with galleries displaying the categories currently on my header (transferred from Blogger but I want to make drop down menus). I know the first step is to create the pages, so that’s where I’m starting.

I created a gallery and implemented the short code of [catablog template=”gallery”] I wanted the titles to display permanently, so I followed the tutorial on this page and pasted the following into the style.css sheet: .catablog-gallery.catablog-row .catablog-title { display: block !important; }

It allows me to save it but the titles aren’t displaying permanently, only when I roll over the images with my pointer.

MailChimp Signup Form

Subscribe to our mailing list

Your information will be used to send you Blog updates. You can change your mind at any time by clicking the unsubscribe link at the bottom of any email that you receive from me. You can find details about mbrsolution privacy practices here.

Buy Me Coffee!

If you find my site helpful and wish to buy me a cup of coffee. Money is used to help pay for hosting as well as other site needs and maintenance.Click on the following image. Thank you and enjoy my site.