[Resolved] Additional css not functioning with new codes

[Mohammed Abu Risha]

Hello,

Whatever I try to add codes to the additional css editor, I fail. It saves the code but it does not run it. Any tips?

Background:
- Vb5.5.5. Candidate 1 (codes could not run even with the forums before the upgrade)
- I have a firewall in the host service (my IP is whitelisted though)
- The codes do not run if entered in the suite builder or even in the control panel
- The problem happens in all styles including the default style and the customized installed metro style.

Thank you for your guidance.

Update: Issue resolved by developer of the theme in three steps: 1) Correct the code 2) disable storing css as files (temporarily) 3) since I have a firewall through sucuri, I flushed the cache through sucuri.

[Mark.B]

What do you mean by "codes do not run"?

Make sure you are adding css to the actual style you are using to view the site. If you use a different style it won't work.

[Mohammed Abu Risha]

I mean Metro developer asked me to insert the following in the css additional section:

 .metro-header.b-top-background__header-mainnav-subnav #channel-tabbar > ul > li > a.navbar_home1:before background-attachment: scroll; background-image: url(“images/metro/blue/misc/dir.png”) !important; background-position: center 0 !important; background-repeat: no-repeat; 

I did as he said but when opening the forums main page, nothing happens. The new icon does not appear on the navigation bars. The developer says the code is correct and it should work but he says that upon browsing the webpage and applying the 'inspect' function, he cannot find the code there.

[In Omnibus]

I mean Metro developer asked me to insert the following in the css additional section:

 .metro-header.b-top-background__header-mainnav-subnav #channel-tabbar > ul > li > a.navbar_home1:before background-attachment: scroll; background-image: url(“images/metro/blue/misc/dir.png”) !important; background-position: center 0 !important; background-repeat: no-repeat; 

I did as he said but when opening the forums main page, nothing happens. The new icon does not appear on the navigation bars. The developer says the code is correct and it should work but he says that upon browsing the webpage and applying the 'inspect' function, he cannot find the code there.

If you're having problems with a custom theme you need to take it up with the developer of the theme.

That's not PHP code and it's not properly formatted CSS3.

[Mohammed Abu Risha]

Thank you!

[Wayne Luke]

Make sure the brackets are there. All CSS should be surrounded by { and end with }. These can get stripped by the editor here.
Everything before the #channel_navbar is probably unnecessary. There will only be one #channel_navbar on the page and is the most specific element in that CSS code.

Try this:

 #channel-tabbar > ul > li > a.navbar_home1:before {
     background-attachment: scroll; 
     background-image: url(“images/metro/blue/misc/dir.png”) !important; 
     background-position: center 0 !important; 
     background-repeat: no-repeat; 
 }

This would only apply to the navbar tab with a link attribute of class="navbar_home1"

If all you want to do is add a graphic before the tab text, it might be easier to edit the phrase (in the AdminCP) for that tab and add the image using the HTML <img> tag. Though every time you add/edit tabs, you'll have to adjust the phrase.

[Mohammed Abu Risha]

Thank you very much. It did not work, perhaps because of my little knowledge of css and technical issues. Thank you for the tip regarding changing the icon through the AdminCP. I will talk again to the developer to see why this problem is occurring.

[Wayne Luke]

Probably doesn't work because you don't have a navbar item with the class of navbar_home1. You have one with navbar_home, your Forums button, but nothing with navbar_home1.

[Mohammed Abu Risha]

Home1 was available before I changed it to something else. I did reflect the change on the code, but it did not work. The developer shared with me a screenshot of his own test forum server and it worked at his end. Apparently, I will give up on this.

[Wayne Luke]

The developer of the theme should be able to visit your site and provide support for their product. Especially for a theme that they make a profit on.

[Mohammed Abu Risha]

Yes, indeed. The developer told me to give him access so that he can fix the issue. Thank you for following up on this and for your valued help.

[Mohammed Abu Risha]

Thank you all! The issue is resolved:

Update: Issue resolved by developer of the theme in three steps: 1) Correct the code 2) disable storing css as files (temporarily) 3) since I have a firewall through sucuri, I flushed the cache through sucuri.