Forum Replies Created
-
Posts
-
I’ve been trying, trying, trying to use the @mobile stuff and its just not working.
I don’t want to simply disable the parallax, I want to replace the parallax effect with a simple background (image or color) on mobile – while keeping the other elements there.I do not want to hide the entire section on mobile.
According to you guys, the code automatically disables the parallax effect. This leaves a tiny version of the desktop image sandwiched in between two black boxes. Is there a way to get rid of this small image and black boxes and replace it with a different background? In theory, the code should be pretty simple, but its not working. I tried using your code from the previous message as a test and it didn’t work.
At the moment, I would prefer not to hire a freelance developer. This is not a complicated issue. In the past, I’ve had theme support go into my site and make the changes for me. I’m even asking for that, but can you please help me get this done.
Thank you
I added the debug code but it didn’t really do what I needed it to.
I understand that the parallax is disabled for mobile, but whats left is a tiny version of the featured image with black around it. I would love to change the image in that section for mobile, either with a more vertical version of the image or with a straight background color.
Can you please advice me of the CSS code I need to make this change. Or php code. Or a way I can access the html version.
I’m sorry if I’m being too much of a bother, but I hope to make the site look perfect and learn a bit along the way.
Cheers and happy holiday weekend.
-Daniel
Also, I’m running a parallax on the home page but it doesn’t work well on mobile. I want to change it to a solid background or possibly an image specifically for mobile.
I tried:
@media only screen and (max-width: 500px) {
#love {
background: blue; !important
}
}but it didn’t work. I named that specific colored section “love”.
I don’t think it overwrote the parallax in general.
How would I go about it?
Thanks!
I can put sectional borders around each particular element, but thats a pain in the butt.
In general, is there a way to access the inspect-like html code? Is there a way to change section identifiers? Or is it all done in PHP?
Also, whenever I try to give sections (like colored sections) custom CSS names, it never works. I gave the order section section on the front page the name ContactForm, then put #ContactForm as the link for one of the buttons in the slider. No go!
How does this work?
Please see attached url for reference.
I want to put a border around the contact form + the text to the left. Just around those elements, not the entire colored section (though i tried to give it a border with a specfiic name, as instructed in the link from your reply, but it didnt work).
When you inspect, the name of the section is:
“.post-entry.post-entry-type-page.post-entry-10”
Which is also the name for several of the section above it. Thus, when I apply a border to it via CSS, the border applies to all the sections with the same name. If I could change the “10” to an “11”, or something to that nature, then the container would have a unique identifier, no? How would I go about doing that?
I wish i can upload pictures here. The kit shows up, with the drop down display. When you actually go to select something from the drop-down, none of the variations show-up. Its essentially an empty drop-down. Everything is configured in the back end.
It seems that the systems knows that the variation exists, but can’t locate the choices.
Do you think its conflicting with another plugin?
Hi, I’m having a bit of trouble with woo-commerce.
I added variations to a product (based on an attribute), but the variations and their differences don’t show up. The item comes with different kit types, which come with different items, which I added to the back end, but that is not represented.
How do I fix it? Name of the item is Cube 3D. Log in deets are in the first post.
It really weird that display:none works like a charm, but font-size: 10px doesn’t. This absolutely baffles me, as I literally had the exact same code as you, but one css command worked and the other didn’t (still doesn’t). No idea why its like that.
Is there a way to increase the slider height on mobile, so that I can include the description, while also making the caption and descriptions smaller. That way I can fit everything in?
Cheers
I included admin details in private in the first post.
I was testing the look on mobile devices. I have a one plus one and this is what the slider looks like on it: http://tinypic.com/r/2i12fwn/9
As you can tell, the text doesn’t adjust to mobile at all. The CTA button is pushed below the frame, making the slider inherently useless. The one plus one has a small screen, hence the small screen parameters.
I’ve tried various things, nothing works. Can’t tell if I’m identifying the screen size improperly or declaring the properties that need altering improperly. Either way, its frustrating. Such a simple concept in theory.
Its not responding at all too my inputs.
Perhaps I’m putting in the code wrong? Or it doesn’t recognize the screen parameters? I even tried increasing the height of the overall caption section, so that the text/button will show – nothing. Something like this:
@media only screen and (min-width: 250px) and (max-width: 480px) {
.container.caption_container {
height: 150px
}
}I’ve used css before to manipulate themes, but only on desktop really, to move things around and change colors.
What am I missing here?
Does it not look on a tablet either? Whats the screen size of the tablet? Will have to test this at home. Will the frame around the text adjust as well if I edit the size of the text through css?
Also, you guys used to have an edit css section under the appearance tab in previous versions. Is that gone forever in new versions? Is the small box in “general styling” the only way to edit css now?
