Joomla Templates Club 406,261 posts

[greatway Friend greatwayJoin date: June 2007Posts: 52Downloads:420Uploads:3 Thanks: 4 Thanked: 5 times in 1 posts]

#988717

hello I want to reduce the height of the yellow top bar! where the language module is published, also when i scroll down the top bar ( yellow color ) and the navigation bar ( dark color ) have a transparent space between them.

I used this custom css for the language module to overlay correctly

.affixbar-show .uber-header.affix { top: 105px!important; }

.uber-bar.affix { z-index: 100000!important; }

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988827

Hi,

It due to the custom style on this file: ROOT/templates/uber/local/acm/bar/css/themes/quince/style.css line 274

.uber-bar .bar-right {
  float: right;
}

you can try to remove it

And reduce the height of this div: http://prntscr.com/dan4h4

Regards

[greatway Friend greatwayJoin date: June 2007Posts: 52Downloads:420Uploads:3 Thanks: 4 Thanked: 5 times in 1 posts]

#988871

good moring dear Saguaros

i tried your hint nothing changed.

I attach print screen maybe i did not explain very well

I want the top yellow bar to be smaller in height.

---

Attachments:

1. 

[greatway Friend greatwayJoin date: June 2007Posts: 52Downloads:420Uploads:3 Thanks: 4 Thanked: 5 times in 1 posts]

#988874

i found this code in uber/local/acm/spotlight/css/themes/quince/style.css

[code].acm-spotlight > .row > div > div {
margin-bottom: 26px;
}[/code]

changed the pixels and i got shorter

i thing it is ok

can you please confirm that i did not cause by this any other problem?

thank you

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988886

If you want to change style for this spotlight in the header, you should specify the class of the header so it will not affect spotlight in other parts of website (if any)

.bar-right .acm-spotlight .row div#Mod729 {
    margin-bottom: 20px;
}

[greatway Friend greatwayJoin date: June 2007Posts: 52Downloads:420Uploads:3 Thanks: 4 Thanked: 5 times in 1 posts]

#988897

thank you again , where must i put this code?

uber/local/acm/spotlight/css/themes/quince/style.css

or

uber/local/acm/header/css/themes/quince/style.css

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988898

You can try to put into the file: ROOT/templates/uber/css/custom.css (create this file if it doesn’t exist)

[Author]

Posts