Public Forums 71,145 posts

[jethro Friend jethroJoin date: February 2015Posts: 30Downloads:5Uploads:7 Thanks: 18 Thanked: 5 times in 1 posts]

#207424

Hi there,

I am having some issues with my module class suffixes. See the problem here: http://www.smart-drones.com

And the screenshot below:

As you can see I want the custom HTML module class to have a yellow border on top and a background texture.

I have added to the module class suffix in the Joomla backend:

_home

And I have added the following code to custom.css

.t3-wrapper div._home {
background-image: url("http://www.smart-drones.com/images/home/home.png");
background-size:cover;
background-color: #FFFFFF
background-repeat: no-repeat;
background-position:center top;
background-size:;
width: 100%;
height: 100%;
background-attachment:none;
}

As you can see it does not work and breaks up the image…

What is the correct way to add a custom module class suffix?

Many thanks in advance,

Jethro.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#574141

Hi
As i can see the yellow border is coming from the module suffix -black top
here >>> http://prntscr.com/7hghmr
Also _home background is showing fine in bg image as you added in css
here >>> http://prntscr.com/7hgi8l
Please check its working fine , if any issue added screenshot and illustrate complete details in it so i can check it for you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#640480

Hi
As i can see the yellow border is coming from the module suffix -black top
here >>> http://prntscr.com/7hghmr
Also _home background is showing fine in bg image as you added in css
here >>> http://prntscr.com/7hgi8l
Please check its working fine , if any issue added screenshot and illustrate complete details in it so i can check it for you.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#739155

Hi
As i can see the yellow border is coming from the module suffix -black top
here >>> http://prntscr.com/7hghmr
Also _home background is showing fine in bg image as you added in css
here >>> http://prntscr.com/7hgi8l
Please check its working fine , if any issue added screenshot and illustrate complete details in it so i can check it for you.

[Author]

Posts