Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • vineyardseashell Friend
    #182888

    Hi there,

    I am using the minimalist version of JA Wall, and would like to add a little bling to the front page.

    On the other template versions, when you mouse over the article in both regular & image view, the article/photo is highlighted with a background shadow. I noticed that this shadow effect appears on the image view of minimalist but not on the standard view.

    I don’t want to use the .hilite or .dark of the extended classes on the site, as I like the plainer look, but would like to add a little depth to the front page, and the background shadow highlighting the article when a visitor mouses over it would be the right touch.

    If someone could help me with this I’d appreciate it.

    Thanks,

    Vineyardseashell

    HeR0 Friend
    #475442

    Hi Vineyardseashell,

    That feature is available on some themes such as default theme, dark, …you should try these.

    Regards

    John Wesley Brett Moderator
    #475478

    Very easy…

    Visit
    templates/ja_wall/themes/minimalist/css/theme.css line 463
    or add to your custom.css page or similar
    Change from this:

    item:hover .item-inner {
    box-shadow: none;
    }

    To this:

    item:hover .item-inner {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.4);
    }

    Have fun!

    vineyardseashell Friend
    #475479

    Hi Guys,

    Thank you both so much for helping me 🙂
    @hero, Unfortunately, the other JA Wall versions are too busy/fussy; the minimalist look better fits the niche theme of my site;. But, I really do like some of the other versions and wish I could use them somewhere else.
    @jwbrett, Thanks for the code, I will add it to the site for a less-is-more-subtle bling.

    Thanks again guys, and have a great weekend!

    Vineyardseashell

    vineyardseashell Friend
    #475480

    @jwbrett, The coding you suggested worked great! After I made the changes, the content was flush to the edges of the highlighted section. Using the JA Wall demo, I found the padding settings and applied them.

    .item .item-main {
    padding: 20px 20px 0;
    }

    The articles look very nice now on the front page; but by adding the above code, the padding on the front page articles appear normal. No so for the image view now- the padding on the articles looks like it is double padded.

    Did I add the wrong code?
    Did I add the right code to the wrong spot?
    Is there a way I can fix this on the image view?

    Thanks again!

    Vineyardseashell

    vineyardseashell Friend
    #475482

    OK, I think I solved the image view issue. I changed:

    /* Item Title ---*/
    body.display-imageview .item .item-header {
    padding: 10px 20px 0;

    To this:

    /* Item Title ---*/
    body.display-imageview .item .item-header {
    padding: 10px 10px 0;

    I spoke too soon 🙁

    When I changed the 20px to 10. All looks good on the image view but the standard view content padding is right back to the very edges 🙁

    If you would be so kind- I need more help to fix this.

    Vineyardseashell

    vineyardseashell Friend
    #475483

    To the FIX IT GOOD ANGEL 🙂 Thank you! Thank you! Thank you!

    Vineyardseashell

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 3 voices, and was last updated by  vineyardseashell 11 years, 11 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum