Joomla Templates Club 406,261 posts

[sweitz3 Friend sweitz3Join date: December 2012Posts: 15Downloads:0Uploads:3 Thanks: 2]

#184487

Hi,

I want to set my background image to be fixed on the bottom right corner. I tried to customize in custom.css but it didn’t work. Where would i need to edit it in?

-Ahri

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#481563

Ahri,

I did something similar with the following in my custom.css that worked just fine:


body {
background: #ffffff url('http://yourdomain.com/images/background.jpg') no-repeat fixed bottom right;
}

If that doesn’t work for you, it’s possibly a caching problem? The whole building in LESS then compiling to CSS thing is new for a lot of people, myself included, but custom.css should get added last no matter what, so your body background should get set by making the change there.

1 user says Thank You to synapsis for this useful post

1. Ninja Lead

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

#481685

@sweitz3: You can try with solution from @synapsis

Let me know if you have any further issue

[sweitz3 Friend sweitz3Join date: December 2012Posts: 15Downloads:0Uploads:3 Thanks: 2]

#481748

Thank you for your help. That’s exactly what I did and it worked.

[sweitz3 Friend sweitz3Join date: December 2012Posts: 15Downloads:0Uploads:3 Thanks: 2]

#481750

Hi,

I got the image to work the way I wanted, but I’m having issues with changing the block color for the search bar. I am currently working on two sites, and I was able to change the colors on one of the site but not the second one, even though I used the same code and put it in custom.css

Here’s the code I’m using, please let me know if I’m doing something wrong

.head-search .input {
background: no-repeat 210px 8px transparent;
border-color: #CC9E4E
color: #transparent
}

Thank you!

-Ahri

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

#481787

<em>@sweitz3 357799 wrote:</em><blockquote>
.head-search .input {
background: no-repeat 210px 8px transparent;
border-color: #CC9E4E
color: #transparent
}
</blockquote>

Hi Ahri,
There is wrong code in your script:
border-color: #CC9E4E: missed ; on end of line
color: #transparent: wrong format

This is right way

.head-search .input {
background: no-repeat 210px 8px transparent;
border-color: #CC9E4E;
color: transparent;
}

Regards

[sweitz3 Friend sweitz3Join date: December 2012Posts: 15Downloads:0Uploads:3 Thanks: 2]

#481873

Hi,
I put the right code in there and it still didn’t change the color.

[clrmedia Friend clrmediaJoin date: October 2007Posts: 102Downloads:18Uploads:8 Thanks: 17 Thanked: 11 times in 1 posts]

#481884

Did you add the semi-colons to your last two lines as shown in Ninja Lead’s code?

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

#481965

<em>@sweitz3 357958 wrote:</em><blockquote>Hi,
I put the right code in there and it still didn’t change the color.</blockquote>

I guess you have not cleared cache from Admin after changing the settings. Anyways, I would need to take a closer look at your site, please send me URL on your site here. I shall check it for you.

[Author]

Posts