Forum Replies Created
I entered this code in but no luck. The images are still displaying on mobile. I really just want to hide those three columns with animated images on the home page from being seen on the mobile devices are they are positioned by pixel distances and appear out of whack.
For the sake of not uploading, and what I meant about adding a background to a section in this case with rounded corners, please see:
How would I go about adding a section like that into enfold?
Thanks for your help!
Awesome thanks Ismeal.
I might need help with the Media Query css.
I want all of those animations to be hidden for the mobile view. I’m not very familiar with the CSS to isolate columns or sections? Or do I just add this for each image that is animated? Because I don’t want big white gaps between the paragraphs on the mobile view either…
And this question was unanswered:
I’m wondering how I would go about adding a background with rounded corners and a shadow for the columns to sit in. See ex:
http://granify.com/ <– You need to scroll down to their content.
Would this just be a matter of making a large background image? Or can I give columns their own background images?
And lastly! (I need to tip you guys some BTC, honestly. haha)
How do I make the header transparent? I want the header to be fully transparent when it’s in full view, but to stay how it is now when someone scrolls down.
Similar to the effect in: https://www.picatic.com/
I’d love for the header to be a bit more modern. I’d like the header to act like http://disqus.com/community/ or https://www.uservoice.com/stories/. Where on scroll it goes white and is backed by a background image.
I definitely agree with this, not digging the header options too much.
I would also like some lightbox effects for buttons and contact forms. It would really aid in the process of lead generation.
Got the plugin to work, didn’t notice the settings page.
Now it’s just that small blog header picture problem…
Hmm, so I enabled that plugin and my comments still wont go away. Not certain why… seems like others have had success with this plugin but it’s just not working for me.
Any insight as to why the blog picture is so small?
To that note, I’d also like to learn how to enlarge the blog page featured picture? It seems rather small.
This method works but it still constrains the image size to the column. Is there any way around that?September 21, 2013 at 8:49 pm in reply to: Image glow on roll over? Disappeared after previous update? #164537
I don’t have an example as I deleted it back then. Basically, imagine a picture of a black square and you would hover over it, the black square would turn bright. I didn’t have to do any code for this effect and I’m wondering if this was scrapped in an update?
I can’t link you the website and don’t have time to make a screenshot sadly. (I know, I know)
You were pretty much on point with what I wanted to do. You code works fine but when I make more than one Custom CSS Class for the quick CSS, my images vanish except the first one.
So I have three sections on the same page, in each of these sections there is a paragraph of text and a header in a 1/2 column. These three sections are separated by default Hr dividers. I essentially want three different pictures that will slide in beside the paragraphs of these three sections. These pictures will be large and for stylistic reasons I want them to align with the text but at the same time overlap the Hr dividers if need be. Your solution above seemed to work for this after I added a z-index.
My question to you is can I accomplish this by placing the image another 1/2 column beside the 1/2 column with the paragraph? And if not (manually adjust left and top position), how come I can’t get all three pictures to display if I assign them different CSS Classes and give them separate properties in Quick CSS?
Hope that made more sense.
If you want to see an example, http://www.apple.com uses this a lot.
Hi again Ismael,
This doesn’t seem to be working when I add more than one picture,
I’ll make custom css class such as these:
Then I will assign the three images these in the quick CSS:
The first image functions and displays. The second and third images don’t display at all, I even tried chaning the name of the Custom CSS Class.
This solves the ability for the picture to float above other objects which is great. But the image is still confined to the dimensions of the half column?
This helps, but I only want it for certain textblocks. For example I’ll need multiple text blocks on a single page, but they’ll need to be different in size..
Is there an ID that I can assign?
How would the CSS look for that?
Ah, well my fault. Sorry.
Thanks for this! Yeah.. looks like the portfolio is working properly now!
Also wanted to note that my portfolios are still glitching out. Play around with the arrow keys and clicking multiple portfolios and etc, you’ll see what I mean. And often times the image won’t change when mouse overs over it and that means when they click it, it opens in a new window.. it’s so strange.
I updated to the most recent wordpress and enfold.
That didn’t seem to work, I plugged that in to the quick CSS and adjusted the height but no change.
Keep in mind I don’t want to reduce the height of the social icon header, I want to reduce it for the primary header with my pages.