Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Color of caption

2 weeks 1 day ago #1

  • Isabel's Avatar
  • Isabel
  • Posts: 5
Good Morning,

Is it possible to assign a different color to the background of the title (caption) of each image? I attach a screenshot.

Thank you.
Attachments:

2 weeks 1 day ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5085
Hello,

You need to add a custom class for each thumbnail at the right sidebar
Example: "blue-caption"


At the custom CSS file of your template add CSS code
.blue-caption .ba-caption {
	background-color: #2196f3 !important;
}

Regards,
Vyacheslav, Balbooa.com

2 weeks 1 day ago #3

  • Isabel's Avatar
  • Isabel
  • Posts: 5
Many thanks. It works very well.

To finish I would like to ask the following: For the image of "Blog", attached capture, I would like to please delete the color of the background-caption and center the title of the blog. How can I do it?

Thank you.
Attachments:

2 weeks 1 day ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5085
Send us a link to the page.

Regards,
Vyacheslav, Balbooa.com

2 weeks 1 day ago #5

  • Isabel's Avatar
  • Isabel
  • Posts: 5

2 weeks 1 day ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5085
You need to add class"blog-caption".
And to add CSS code:
.blog-caption .ba-caption {
    position: absolute !important;
    background: transparent !important;
    top: 0;
}

Regards,
Vyacheslav, Balbooa.com

2 weeks 1 day ago #7

  • Isabel's Avatar
  • Isabel
  • Posts: 5
Hello,

The changes work well but now the image of "blog" looks shorter than the others because we have deleted the caption. How can I solve it?

Thank you !!
Attachments:

2 weeks 1 day ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5085
You need use this code:
.blog-caption, 
.blog-caption .ba-image ,
.blog-caption .ba-image img {
    height: 100%!important;
}

.blog-caption .ba-caption {
    position: absolute !important;
    background: transparent !important;
    top: 0;
}

Regards,
Vyacheslav, Balbooa.com

2 weeks 1 day ago #9

  • Isabel's Avatar
  • Isabel
  • Posts: 5
Solved!

Many thanks !!!

2 weeks 1 day ago #10

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 5085
You are welcome ;)
Powered by Kunena Forum