Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Images for the category page?

2»

Comments

  • BabyeaterBabyeater New
    edited January 2014
        .DataList.CategoryList li.Item.Category-art a.General{
        background: url(http://www.fablevision.com/northstar/make/objects/banner3.gif);
        }
    
        .DataList.CategoryList li.Item.Category-gallery a.General{
        background: url(http://www.fablevision.com/northstar/make/objects/banner3.gif);
        }
    

    Would either of these be right? I just stuck a random image in there to test but I'm not able to get anything to come up. I read the page you linked me.

    I was confused where i change the a.Title and whether I leave it in the

    background:your background here pic or whatever;

    or

    background: url( )

    format.

    I am trying using a copy of the default Vanilla and have a completely blank custom.css besides this code in order to test as R_J told me to. Is that a bad thing?

  • peregrineperegrine MVP
    edited January 2014

    see

    http://www.w3schools.com/cssref/pr_background-image.asp

    also notice the quotes (' ')

    I am trying using a copy of the default Vanilla and have a completely blank custom.css besides this code in order to test as R_J told me to. Is that a bad thing?

    no, thats a good thing. you make your own custom.css if there is not one in your theme folder.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

  • @Babyeater said:
    .DataList.CategoryList li.Item.Category-art a.General{
    background: url(http://www.fablevision.com/northstar/make/objects/banner3.gif);
    }

    .DataList.CategoryList li.Item.Category-gallery a.General{
    background: url(http://www.fablevision.com/northstar/make/objects/banner3.gif);
    }

    Would either of these be right? I just stuck a random image in there to test but I'm not able to get anything to come up. I read the page you linked me.

    I was confused where i change the a.Title and whether I leave it in the

    background:your background here pic or whatever;

    No you only change the Category name . a.Title is the class of that link you do not change that.

        .DataList.CategoryList li.Item.Category-thenameofyourcategorygoeshere a.Title{
             background: url(http://www.fablevision.com/northstar/make/objects/banner3.gif);
             }
    

    You will need to add height and width to adjust it to your liking.

  • @Babyeater I made a plugin for you see if you like it. I added some images but you can just replace them. Just add the name of each category in the css file of the plugin, like I explained above.

    http://vanillaforums.org/addon/categorybg-plugin

  • BabyeaterBabyeater New
    edited January 2014

    @vrijvlinder said:
    Babyeater I made a plugin for you see if you like it. I added some images but you can just replace them. Just add the name of each category in the css file of the plugin, like I explained above.

    http://vanillaforums.org/addon/categorybg-plugin

    You are a gentleman, scholar, and saint.

    Honah be upon your famiru.

  • peregrineperegrine MVP
    edited January 2014

    You are a gentleman, scholar, and saint.

    scholar, saint - Yes

    gentleman - No

    gentlewoman - perhaps.

    Tip: and if you look closely at the image you can see hints of eye shadow, mascara, and blush. That should be a dead give-away.

    I may not provide the completed solution you might desire, but I do try to provide honest suggestions to help you solve your issue.

Sign In or Register to comment.