Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#203905

Hi there,

I’m having a problem finding the CSS class for the background image on Features Intro Style 9.

Here is my problem,

As you can see the text is over the background image and becomes un-readable, I want to set the background image to none when below a certain resolution, but I can not find where the CSS is for this as it’s just showing in element style.

Please can anyone help me make it disappear below 990px?

Thanks,
Richard

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560005

Which area are you referring to on your site? Things at least look to be running smoothly from what I can see.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#560103

Hey guys,

Can anyone help me out with this?

Thanks,
Richard

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560158

<em>@gringo211985 459531 wrote:</em><blockquote>Hey guys,

Can anyone help me out with this?

Thanks,
Richard</blockquote>

Have you sorted out it? I see it’s working fine on your site

---

Attachments:

1. 

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#560364

Hi @ninja Lead

The problem is still not fixed, the problem is when it goes responsive ie tablet 768px or smaller.

The text overlays the image and thus makes it unreadable, I need to get a fix for this ideally by placing the image at the top of the text. Let me show you some examples,

This is what it currently looks like,

This is what I want it to look like

So as you can see, when it is responsive view the image is above the text but under the heading.

Is it possible to do this?

Thanks,
Richard

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560444

Hi Richard,

I’m so sorry about this but the image of you mentioned are background and you could not control it likes as your expectation

Regards

---

Attachments:

1. 

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#560513

<em>@Ninja Lead 460019 wrote:</em><blockquote>Hi Richard,

I’m so sorry about this but the image of you mentioned are background and you could not control it likes as your expectation

Regards</blockquote>

Hi @ninja Lead

Okay then can I change it so that it disappears after a certain resolution with the CSS class “display: none;”?

So something like,

@media (max-width:990px) {
????? {
display: none;
}
}

Surely that is possible?

Thanks,
Richard

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560612

Hi Richard,

I disabled the background image in mobile layout module IDs: 146, 147, 152, 153 with the solution below

+ Define the new css style into templates/uber/css/custom.css file

@media (max-width: 767px) {
.background-hidden {
background-image: initial !important;
}
}

+ Load the background-hidden style into modules above

You can check it again let me know if it helps

Regards

---

Attachments:

1. 

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#560843

<em>@Ninja Lead 460247 wrote:</em><blockquote>Hi Richard,

I disabled the background image in mobile layout module IDs: 146, 147, 152, 153 with the solution below

+ Define the new css style into templates/uber/css/custom.css file

@media (max-width: 767px) {
.background-hidden {
background-image: initial !important;
}
}

+ Load the background-hidden style into modules above

You can check it again let me know if it helps

Regards</blockquote>

Hi @ninja Lead

Of course! Sometimes I need to kick myself, a module class was of course the solution!

Thanks for helping me out with this, much appreciated.

Thanks,
Richard

[Author]

Posts