Forum Replies Created
-
AuthorPosts
-
Phil, without being able to see the site you are referring to I can only make a few suggestions to code that is likely standard with this slider. You will need to go to #genesis-slider in your CSS and add the following line of code:
#genesis-slider {
width: 100%
}I recommend you use a tool like Firebug so you can see which CSS applies to what. It’s very helpful.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comThanks CathyT.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comRight. Thank you for assisting but it still has no affect on the iPad or iPhone. There was a typo above. I did use min-width and 960px.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comOkay, I will try this. Hmmm. I’ve removed all other responsive code that existed in the original theme because we do separate mobile optimized coding for our client sites. Would that be why the code you have given me isn’t working? I added this at the end of my standard CSS:
@media only screen and (max-width: 600px) {
.slide-excerpt {
left: 23.25%;
}
}
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comYes, thank you Cathy, this solution works nicely at 23.25% for a full size monitor BUT when the slider resizes to an iPad it pushes the excerpt out of line to the middle of the image and on an iPhone it completely disappears off of the screen altogether. In these cases the excerpt does actually need to be against the left margin. I’m thinking that we will need to add something to our code that the left: 23.5%; does not apply when viewed on a mobile device. Any ideas?
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comI have now down so. I hope this helps. I have been unable to create a solution to date that will allow the excerpt to stay to the left in a 960 grid, rather than moving to the left margin of the slider when it resizes based on monitor size. Any help would be so much appreciated.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comI did not resolve it. As a result, we haven’t used the excerpt. If you have some potential solutions, I’d love to hear about them Cathy.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comDecember 28, 2012 at 2:03 pm in reply to: Removing image border for only one home page featured widget #7981Thanks. I knew it was going to be something small in my code. That always happens when you’re eyes are tired and you’ve been working a while on a project. LOL!
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comDecember 28, 2012 at 1:42 pm in reply to: Removing image border for only one home page featured widget #7973And the winner is… ding ding Riavon! Yes, that did the trick and I just had to add !important after each line of code. Worked. That’s brilliant. Thank you to both Riavon and Doak for sticking with me and finding a solution. Yeahhhh.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comDecember 28, 2012 at 1:16 pm in reply to: Removing image border for only one home page featured widget #7963I do use Firebug. The code as suggested did not work…
#featured-post-2 .featuredpage img,
#featured-post-2 .featuredpost img {
border: none !important;
background: none !important;
padding: 0px !important;
}Not sure where to go from here.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comDecember 28, 2012 at 12:53 pm in reply to: Removing image border for only one home page featured widget #7952Thanks for trying to help Riavon. It is actually a featured page — not a post, which is why I had removed the .featuredpost img part of the code; but, regardless, it still isn’t working. I’m wondering if it is not recognizing #home-bottom-1 for the image because I’m missing a step or have to add a new class or something. The original code for the images does not reference specific middle featured widgets but lumps them in as a whole….
Any other suggestions?
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comAre you using any cacheing for your website. Sometimes your code is fine but it just isn’t showing up yet if you have cacheing enabled. Just a thought.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comI want to thank you all for trying to help. It ends up that I was clearing my cache plugin BUT had not cleared the cache for Cloudflare for that specific CSS file and it was causing the issue. I had to go into the client’s Cloudflare dashboard and specifically purge cache for the css. Arggghhhh!
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comI’m not too clear on what it is you are trying to accomplish but would it make sense to have the [read more] link open up a separate page with your contact form on it. You could create a separate a landing page with a specific form on it for your posts — that way you can pre-populate the specific forms with the post information that it relates to. If you use Gravity Forms (which I highly recommend) you can then also use conditional logic very easily as well as set up your admin notifications so that you know which form they filled out. Hope this helps!
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.comBelow the slider there is a grey strip of colour where it should be just the text butted right up against the slider images.
Owner and Co-Founder of Original Ginger
Where Fresh Strategy Meets Digital Design
Website: http://www.originalginger.com -
AuthorPosts
