Users running a non-download version of Vanilla (pulled from github), on branch release/2019.016 or master from the last 2 weeks should upgrade to release/2019.017 or latest master for security reasons. Downloaded official open sources releases are not affected.

Latest premium theme for Vanilla forums: Nexus!

124»

Comments

  • hello @jspautsch i have tried all of the color themes but none seem to fit well to my reading. i want to the heading to remain green as it is on the NEXUS custom theme, but i would want the body to be lighter and the text/characters to be darker just as they are on this discussion forum so that readability would be enhanced.

    Deprecatedz
  • @Deprecatedz @R_J @whu606 i downloaded cssedit and tried editing the theme, but most of the core changes i need won't budge. the theme is somewhat complicated. like if you change background color, it changes everything on the website. how can i retain the color of just the header?

  • @alishachris said:
    Deprecatedz R_J whu606 i downloaded cssedit and tried editing the theme, but most of the core changes i need won't budge. the theme is somewhat complicated. like if you change background color, it changes everything on the website. how can i retain the color of just the header?

    You should look into css classes, if is not there a more specific container to change things as you are looking for, simply make it <div class="container(x)"> and add to it some stylish. :3

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    Don't edit any html! That isn't needed. As whu606 said, use web inspector, firebug or however that is called in your browser. Most browsers offer an "Inspect element" menu entry in the context menu when you click on any element in your browser. If you want to change the look of your theme, that is the best thing to start.


    Deprecatedzhgtonight
  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator
    edited May 2015

    @alishachris

    Keep going with this; what you learn from it will help you to understand how to make pretty much any other changes you want.

    Lots of people could give you the direct answer, but then you might not really understand why it was the answer.

    Let's try to talk you through the web inspector.

    Which browser do you use?

    hgtonight
  • x00x00 MVP
    edited May 2015

    @alishachris said:
    hello jspautsch i have tried all of the color themes but none seem to fit well to my reading. i want to the heading to remain green as it is on the NEXUS custom theme, but i would want the body to be lighter and the text/characters to be darker just as they are on this discussion forum so that readability would be enhanced.

    You might semi-opacity to make discussion/message list lighter on a bright design

    .DataList, .MessageList {
         background-color: rgba(255,255,255,0.4)!important; 
    }
    

    grep is your friend.

  • Or even #Content

    grep is your friend.

  • @whu606 i use firefox by mozilla

  • thanks so much @whu606 i have learnt how to change just the header color. My problem now is how to change the text colors both on the frontpage and in the discussion page.

    i tried using firebug but i still cant make out the elements.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator

    @alishachris

    Well done for getting so far!

    If you can, post a screenshot of what you want and a link to your site.

    Sometimes you have to add

    !important

    to the end of a rule to give it priority.

    color: red !important;

    You can affect specific parts of the forum by appending the page name to the rule

    .Discussion
    .Discussions
    .Profile

    and so on.

    R_Jhgtonight
  • hello @whu606 so sorry for late reply. if you look at the attached picture, i want to change the color of the texts that those arrows are pointing. Please can you help me figure those out?

    you can view the website www.naijapips.com and maybe use inspector to find out the elements.

    I really appreciate all your correspondence. You rock, man.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator

    @alishachris

    If you inspect the Front Page element, it shows that you have this rule in your custom.css at line 853

    .Discussions .DataList .Item .Title a, .Categories .DataList .Item .Title a, .Search .DataList .Item .Title, .DataList .Users > a, .DataTable a.Title {
        color: #ffffff;
    }
    

    so you would change the color hex to whatever you want.

    For the Categories box, you need to add !important at line 383

    #Panel .FilterMenu li a, .PanelInfo li a {
        color: #ff0 !important;
        font-weight: bold;
        text-transform: uppercase;
    }
    
  • x00x00 MVP
    edited May 2015

    use !important sparingly if you can. I was lazy in giving you a gerneral answer.

    grep is your friend.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator

    @x00

    In Firebug, for categories, the rule was being over-written, and would only apply with !important.

  • @whu606 said:
    x00

    In Firebug, for categories, the rule was being over-written, and would only apply with !important.

    http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

    grep is your friend.

  • @whu606 it worked like magic. You are truely a superhero...lol. Only thing now it that not all the colors agreed to change. traces of the old color still remain in some spots and i do not know how to remove them as the inspector cannot define them.

    Please look at the spots the arrows are pointing How do i remove the colors?

    Thanks.



  • @alishachris it take time to style, realistically you should learn about how to style with and use inspect. Then you won't have to ask these sorts of questions.

    grep is your friend.

  • @whu606 solved. used #frame.

    @x00 whu606 just taught me the basics and i am really grateful. i think i know basic styling now. thanks all the same.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... Moderator

    @alishachris

    Well done for sticking with it

    Because you persevered, you are now in a position to help yourself (and others!)

    alishachrishgtonight
Sign In or Register to comment.