Forum Replies Created
-
AuthorPosts
-
hey Ismael,
yes, I added that code. the client has asked that it does stick to the top of the screen on mobile (on scroll – not how i’ve done it).
can you shed any light as to how i might go about that? or, an argument as to why its a bad idea – so i can feedback to the client?
thanks heaps :)
Jasonok, that plugin works a treat – the free version has limitations – but for what i need it seems to cover the bases.
thanks Ismael, i never even thought of looking for a plugin, will give it a shot & report back
November 3, 2020 at 2:46 am in reply to: Can you help me create something similar to your scroll-top-link arrow? #1257828done, works a treat. changed the css slightly to get the image in place:
#chat-bot:before { content: ""; width: 81px; height: 81px; background-size: 81px 81px; background-image: url(https://domain.com/wp-content/uploads/2020/10/have-your-say.png); display: inline-block; }
one thing i’d like to replicate is the fading in on scroll – like with the up arrow.
i’ll see if i can figure it out & report back – but if you know what to look for, please let me know :)November 2, 2020 at 5:21 am in reply to: Can you help me create something similar to your scroll-top-link arrow? #1257517Hi Mike,
Thanks heaps for your reply, that should work a treat, I’ll give it a shot & report back :)happy to close please Jordan, all sorted thank you
September 30, 2020 at 12:36 am in reply to: blog post / grid layout / color code based on category #1249513ok, i’ve found some other references to something similar to what i want to do, but i’m still not having any luck adding a different post style for each category
i did find this post Grid Layout change background by category but i’m a little stuck on the comment by YigitYou can copy the file inside “shortcodes” folder on your child theme and add this code in Functions.php file of your child theme
i’ve followed along as best i can, but i’m still not getting the unique category css class added to the post (in order to style it).
any additional pointers?
thanks heaps,
Jasonperfect – thank you Nikko
September 28, 2020 at 9:01 pm in reply to: blog post / grid layout / color code based on category #1249175Hi Victoria,
That makes sense – any chance you could point me in the right direction with regard to those files?actually, one last thing – how easy is it to reduce the space between columns (the left margin), so it works across devices as expected?
perfect, thank you Nikko
September 27, 2020 at 9:46 pm in reply to: blog post / grid layout / color code based on category #1248876hi Rikard,
thanks for that, it’s not the css as such (i know how to write that), it’s being able to apply that border & colour automatically to posts (as they are added), & assigned to specific categories.
so any posts assigned to the hot tips category would have the blue border, any assigned to workshop, yellow (etc, etc).
i need a way to apply specific css to a category if you like.
does that explain things a little clearer?
Jasonsorry about the delay – details below
September 25, 2020 at 12:46 am in reply to: blog post / grid layout / color code based on category #1248285sure thing, details below
i cleared my cache at cloudflare, the js file was (from memory) common-min.js (or simiar).
if you’re not using cloudflare, then it’ll be whatever you (or your host) uses for caching that you’ll need to clear.
hope that helps!i’ve fixed it, it was a (cloudflare) cached js file causing the issue
thanks Victoria, I had a funny feeling that might be the case… ;-)
Hi Mike,
So, how would you limit the character count, I tried the above but it didn’t change anything.
In my case I have a post with a long title, which is a child page – so the title runs over the breadcrumb trail.
It’d be super handy to be able to do this is the title… as opposed to this is the title in its full length if you see what i mean.
any suggestions for that sort of solution?
thanks,
Jasoncool, thanks Victoria – just one more question if i may, what template file should i be modifying please?
This reply has been marked as private.This reply has been marked as private.i should add, i’m happy to customise a template file as i’m using a child theme, just let me know which one to look for.
i should add, i’m happy to customise a template file as i’m using a child theme, just let me know which one to look for.
i should add, i’m happy to customise a template file as i’m using a child theme, just let me know which one to look for.
certainly helped me – thank you!
actually, while i’m here – how about vertical alignment in those columns?
is there a way to vertically align (bottom) the .read-more-link ?
Jason-
This reply was modified 7 months ago by
Jason.
hi there,
any progress on this? it’s still causing issues in chrome on mobile.
thanks,
Jasonno, i’m wrong – didn’t work. it seems there’s a pseudo class which handles the display of the title, & the change of background color.
.grid-entry a:hover::before { content: attr(title); position: absolute; width: 100%; z-index: 1000; text-align: center; opacity: 1; font-size: 18px; color: #fff !important; transform: translateY(-50%); animation: avia-fadein .75s 1 cubic-bezier(0.175,0.885,0.320,1.275) !important; top: 50%; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; }
this is showing the title on mobile – but not changing the background color. i’ve been trying unsuccessfully to sort this, can I use :active with :before ?
can’t seem to get this to work no matter what i do – help?i’ve even tried this
#top a .grid-image.avia-hover-fx:active {background:#1d2553!important;}
while i’m here should the rule go inside, or outside of a media query – given this is only mobile we’re targeting, i’d have thought inside – is that correct?-
This reply was modified 11 months, 2 weeks ago by
Jason.
yes, it worked, in my case i used:
.slide-entry:active .slide-image {background:#1d2553;}
brilliant – thank you Nikko, i’ll take a look & report back :)
hi Ismael,
almost…
here are the styles i’ve used to get the overlay (i added a custom class – .thoughts).thoughts span.image-overlay:hover {background:#1d2553;} .thoughts span.image-overlay-inside {display:none;} #top .thoughts h3 a {font-weight:normal;color:#ffffff;}
if you hover over the image, only the top 30% triggers the background color, the bottom 70% triggers the title – but no background color change.
also, is there any way to center the title vertically better?
i works well with 2 lines, but not so great with just a single line. not a biggie, but i know the client will ask – so it’d be good to let them know it’s not simple to do so.
thanks heaps,
Jason -
This reply was modified 7 months ago by
-
AuthorPosts