How To Set Background Image In Each Individual Displayed Article In "sppb-addon-article" - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

How To Set Background Image In Each Individual Displayed Article In "sppb-addon-article"

C

Claudino

Template 6 months ago

In SP Page builder 5, Gazette theme, how to set background image in each individual displayed article in "sppb-addon-article"?

0
23 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #190914

Hi

Thanks for contacting us. You can solve it via custom CSS. If you need help, you can then give me your site URL and also a screenshot of that portion, So that I can check.

-Regards.

0
C
Claudino
Accepted Answer
6 months ago #190921

Hi Mehtaz,

here it is:

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #190930

Give me your site URL please.

0
C
Claudino
Accepted Answer
6 months ago #190933

.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #191011

Hi

You can use this CSS in your custom.css file

.sppb-addon-articles-vertical-slider.bg_image .sppb-addon-article .sppb-article-details{
  background-image: url("data:image/jpeg;base64,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") !important;
  background-repeat:no-repeat;
  background-size: cover;
}
0
C
Claudino
Accepted Answer
6 months ago #191137

Hi Mehtaz,

Thank for your help.

I've added this code to the custom.css, but it is grabbing the same background picture for all articles... naturally, as in my initial question: ("What is needed is that each different article has it's own background image. Like we can see in the demo.") Also, Can you explain why the huge ammount of characters code in the css you provided? maybe some change happened!?

Thank you!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #191236

Hi

Could you please keep a full site backup and give me your super admin access? I need to check.

0
C
Claudino
Accepted Answer
6 months ago #191337

Hi Mehtaz, good morning!

Yes...

0
C
Claudino
Accepted Answer
6 months ago #191359

Hi, Mehtaz,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #191522

Hi

Allow me some time please, I will check and get back to you soon.

0
C
Claudino
Accepted Answer
6 months ago #191526

Sure! Thank you so much, Mehtaz! Anything needed let me know, I'll keep an eye here.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 6 months ago #191553

About htaccess.txt file, it's totally Joomla topic, indeed in some servers some rules from that file break site, and you have to remove them to make it work. As you know we are not Joomla support, but as quick tip:

Edit htaccess.txt file, and remove everything that you have above that comment line (at the top)

These directives are only enabled if the Apache mod_rewrite module is enabled

then save changes, and now you can rename to .htaccess and all should work. And you can enable SEF in Global Configuration.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 6 months ago #191554

About Custom JS changes, sorry but we are cannot help with custom changes/solutions, validate code etc. It's against Support Policy 8.2 and 8.11.

0
C
Claudino
Accepted Answer
6 months ago #191647

Hi Paul and Mehtaz, thank you both for your time!

And thank you for the .htaccess tips, I will try!

On the custom JS - I don't really want to make anything custom - in fact, I'm just a designer, not a dev. I've just showed that JS as it was one of my research findings in google and I though it might help....

So main problem is still there, and thoughtfully easy for JoomShaper devs to figure!? Remembering - Main issue/initial question here: "In SP Page builder 5, Gazette theme, how to set background image in each individual displayed article in "sppb-addon-article"?" It's just this fix I need. Mehtaz provided code above (with all those numbers and letters in css), but that only grabs the same picture for all the articles... :(

If you can advice how to just having that working as it is in Gazette demo, that would be fab!

Thank you! kind regards, Claudino

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #191648

Hi Claudino,

You can check one more thing, maybe it will help you.

I think this is Blog Media image on articles. For each article, there should be different images coming from article Blog Media options.

https://prnt.sc/txRDZJr7JaXB

https://prnt.sc/_WB8q5xSag6C

Please try this solution.

0
C
Claudino
Accepted Answer
6 months ago #191659

Hi again,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 6 months ago #191693

I have to inform our DEV team about it.

0
C
Claudino
Accepted Answer
6 months ago #191718

Can I assume Jooshaper is still trying to help? Will dev team keep me posted?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 6 months ago #191719

"Total size of upload exceeds the limit"..

About that, it looks like small PHP setting problem.

Part from our documenation

PHP: upload_max_filesize: 10M, 25M or more (but don't set unlimited value "-1")

Probably you have "-1" value, use different value, for example 20M or 50M - in cPanel

If that will not help, please ask hosting support about possible reason.

0
C
Claudino
Accepted Answer
6 months ago #191730

But,

0
C
Claudino
Accepted Answer
6 months ago #191732

Well... nevermind then, let's just forget the issue, I need to move forward as this is delaying the project a lot, so I will simply remove the articles slider, and move on.

Thank anyway for your time, much appreciated! Kind regards, Claudino

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #191793

Hi Claudino,

Ok you can then close this post by accepting the answer.

0
C
Claudino
Accepted Answer
5 months ago #191843

Why? Accepting an answer would mean that some answer helped solve the problem, right? The fact is that the problem was not solved. And I had to decide to abandon the sliders altogheter, to be able to move on developing the website... And the issue persists: Now, on simple articles element in sp pagebuilder, still doesn't grab the images from "intro image" in joomla article... It's the 1st time I've used one of JS templates, and, to be honest, I'm getting affraid of how much support I can have here, and of what can happen if things don't work as they should... I am now asking AI things like "my jooshaper gazette install is not grabbin intro joomla article image in "article-img-wrap", how can i fix?" :(

0