-
AuthorPosts
-
vineyardseashell Friend
vineyardseashell
- Join date:
- March 2011
- Posts:
- 163
- Downloads:
- 30
- Uploads:
- 20
- Thanks:
- 60
- Thanked:
- 19 times in 1 posts
December 6, 2012 at 11:02 pm #182888Hi 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 FriendHeR0
- Join date:
- August 2011
- Posts:
- 3626
- Downloads:
- 0
- Uploads:
- 61
- Thanks:
- 33
- Thanked:
- 588 times in 549 posts
December 7, 2012 at 9:49 am #475442Hi Vineyardseashell,
That feature is available on some themes such as default theme, dark, …you should try these.
Regards
1 user says Thank You to HeR0 for this useful post
John Wesley Brett ModeratorJohn Wesley Brett
- Join date:
- July 2013
- Posts:
- 2142
- Downloads:
- 17
- Uploads:
- 26
- Thanks:
- 175
- Thanked:
- 645 times in 426 posts
December 7, 2012 at 6:34 pm #475478Very 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!
1 user says Thank You to John Wesley Brett for this useful post
vineyardseashell Friendvineyardseashell
- Join date:
- March 2011
- Posts:
- 163
- Downloads:
- 30
- Uploads:
- 20
- Thanks:
- 60
- Thanked:
- 19 times in 1 posts
December 7, 2012 at 10:02 pm #475479Hi 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 Friendvineyardseashell
- Join date:
- March 2011
- Posts:
- 163
- Downloads:
- 30
- Uploads:
- 20
- Thanks:
- 60
- Thanked:
- 19 times in 1 posts
December 7, 2012 at 10:39 pm #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 Friendvineyardseashell
- Join date:
- March 2011
- Posts:
- 163
- Downloads:
- 30
- Uploads:
- 20
- Thanks:
- 60
- Thanked:
- 19 times in 1 posts
December 7, 2012 at 11:06 pm #475482OK, 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 Friendvineyardseashell
- Join date:
- March 2011
- Posts:
- 163
- Downloads:
- 30
- Uploads:
- 20
- Thanks:
- 60
- Thanked:
- 19 times in 1 posts
December 7, 2012 at 11:30 pm #475483To the FIX IT GOOD ANGEL 🙂 Thank you! Thank you! Thank you!
Vineyardseashell
1 user says Thank You to vineyardseashell for this useful post
-
AuthorPosts
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