Announcement

Collapse
No announcement yet.

Additional css not functioning with new codes

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Mohammed Abu Risha
    replied
    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.

    Leave a comment:


  • Mohammed Abu Risha
    commented on 's reply
    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.

  • Wayne Luke
    commented on 's reply
    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
    commented on 's reply
    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
    replied
    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.

    Leave a comment:


  • Mohammed Abu Risha
    commented on 's reply
    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
    replied
    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:

    Code:
     #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.

    Leave a comment:


  • Mohammed Abu Risha
    commented on 's reply
    Thank you!

  • In Omnibus
    replied
    Originally posted by Mohammed Abu Risha View Post
    I mean Metro developer asked me to insert the following in the css additional section:

    PHP Code:
     .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.

    Leave a comment:


  • Mohammed Abu Risha
    replied
    I mean Metro developer asked me to insert the following in the css additional section:

    PHP Code:
     .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.

    Leave a comment:


  • Mark.B
    replied
    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.

    Leave a comment:


  • Additional css not functioning with new codes

    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.

    Last edited by Mohammed Abu Risha; Mon 4th Nov '19, 9:42am.

Related Topics

Collapse

Working...
X