Public Forums 71,145 posts

[rzrz Friend rzrzJoin date: June 2012Posts: 33Downloads:0Uploads:3 Thanks: 3]

#205039

Development Mode: OFF
Optimize CSS: OFF

I have created a custom.css and wanted to remove the padding on spotlight blocks. I used these codes however it isn’t working. For other elements it is working though.


.t3-sl, .t3-sl {
padding: 0!important
}

Also wanted to change the background color of the navbar but in firebug I can only see empty class like this

.navbar-default {
}
even when in custom.css the value is inputted and caches are cleared.

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

#564770

Hello
For the nav bar color .
Revert the custom changes from custom.css .
and add below code to change bg color to header .


.navbar-default {
background-color: #ff8800!important
border-color: #e67a00!important
}


change the color code in above code with your color code .

for spotlight your code will work but currently there are syntax errors in your custom.css .
In css use

/* to comment out */

you are using

// ——————————————————
// ARTICLES
// ——————————————————

this is reason all css not working .
Correct these errors and check.

2 users say Thank You to Pankaj Sharma for this useful post

1. arthurjohnston
2. rzrz

[rzrz Friend rzrzJoin date: June 2012Posts: 33Downloads:0Uploads:3 Thanks: 3]

#564775

Can’t believe I made that mistake, thanks for pointing out!

Actually I would like to make the nav bar blue in the middle instead of the whole stretch. Is that possible? Tried this but in the mobile version nav bar became white too…

.navbar-default {
background-color: #FFFFFF!important
border-color: #FFFFFF!important
}

.container > nav,
.navbar-default > .container {
background: #E4E0E0
}


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

#564778

<blockquote>
Actually I would like to make the nav bar blue in the middle instead of the whole stretch. Is that possible?
</blockquote>

Please add a screenshot what you needed .
+ Upgrade your membership for custom work help , so i can assist you better .

[rzrz Friend rzrzJoin date: June 2012Posts: 33Downloads:0Uploads:3 Thanks: 3]

#564779

The code makes mobile menu became white but on desktop version it is gray color.

How do I purchase that? In Market menu there is point payment system.

---

Attachments:

1. 

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

#564787

Hello
Can you recheck it again its showing orange not white >> http://prntscr.com/6luyj5

<blockquote>
How do I purchase that? In Market menu there is point payment system.
</blockquote>

You can buy membership from this page in your JA Profile .
You can see membership plans : JATC /Developer membership .

[rzrz Friend rzrzJoin date: June 2012Posts: 33Downloads:0Uploads:3 Thanks: 3]

#564791

its showing white here. not orange. maybe clear your cache?

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

#564809

Hello
its white because of the custom code that you added in the custom.css in line 36.
here is code


.navbar-default {
background-color: #FFFFFF!important
border-color: #FFFFFF!important
}

[Author]

Posts