Forum Replies Created
-
Posts
-
Also, I can’t seem to center my alternative responsive logo using this method:
@media only screen and (max-width: 767px) { .responsive .logo { background: url('http://ksha.com/KSHA_logo_mobile.png') no-repeat; position: relative; } .responsive .logo img { margin: 0 auto; display: none; } }I can only add padding, but how can I make it center?
You’ve been such a great help, it’s cleared up a lot for me about how the div’s work within each other.
One more thing, if you dont’ mind. I want to make sure the CSS handles the image to respond to the screen size, while aligned with respect to the bottom right corner.
As you can see, the subject of the photo is on the bottom right: http://carveskateshop.us/wp-content/uploads/pano-1.jpg. I just want to make sure I keep that edge in focus as much as I can with CSS.
Current CSS:
#background-thing { background: url(https://carveskateshop.us/wp-content/uploads/pano-1.jpg) no-repeat 0 0 scroll; height: auto; left: 0; min-height: 100%; min-width: 1024px; overflow: hidden; position: fixed; top: 0; width: 100%; }Thank you, Josue!
That did the trick! A lot of problems have gone away lately by just trying to use custom.css instead of Quick CSS. Thanks!!
Almost worked! But it ignores the horizontal ruler whitespace of 500px I put inside of it. And it goes all the way up to the header.
I apologize, I meant I wanted the pano to be it’s own block, and the rest of the page content to stack beneath the div.
It would be nice if the image itself was fixed, but similar to setting a background image for a color section I’d like the image to disappear as you scroll down.
That made it work!
But how do I make the rest of the content fall below the #background-thing div? It all just stacks on top now.
Figured out what it was.
I had this in my Quick CSS to remove the slider on a mobile device:
@media only screen and (max-width : 480px) { .avia-layerslider { display: none; }This disabled one of the stylesheets, resulting in Web Fonts not loading. Any idea why?
Where should I put the code to remove the slider on mobile devices?
A custom class for a paragraph tag wasn’t working – then I noticed that the Google Web Fonts weren’t being displayed.
The CSS may not be getting imported properly?
No luck. Any other way around this? Some way to ignore certain code from displaying this way?
Here’s the code if it helps:
Code:<div class=’ecwid-Product’><form>
<table align=’center’ border=’0′><tr><td align=’left’ class=’ecwid’><div id=”ecwid-productoption-24122433-Color-container” class=”ecwid-productBrowser-details-optionPanel ecwid-productBrowser-details-optionPanel-radio ecwid-productoption-Color-container”><label class=”ecwid-fieldLabel” for=”gwt-uid-646″>Color</label><div id=”gwt-uid-646″><span class=”gwt-RadioButton ecwid-productBrowser-details-optionRadioButton ecwid-productoption-Color-Red” id=”ecwid-productoption-24122433-Color-Red”><input type=”radio” name=”24122433-Color” value=”on” id=”gwt-uid-643″ tabindex=”0″><label for=”gwt-uid-643″><span class=”ecwid-productBrowser-details-optionRadioButton-name”>Red</span></label></span><span class=”gwt-RadioButton ecwid-productBrowser-details-optionRadioButton ecwid-productoption-Color-Yellow” id=”ecwid-productoption-24122433-Color-Yellow”><input type=”radio” name=”24122433-Color” value=”on” id=”gwt-uid-644″ tabindex=”0″><label for=”gwt-uid-644″><span class=”ecwid-productBrowser-details-optionRadioButton-name”>Yellow</span></label></span><span class=”gwt-RadioButton ecwid-productBrowser-details-optionRadioButton ecwid-productoption-Color-Matte_Black” id=”ecwid-productoption-24122433-Color-Matte_Black”><input type=”radio” name=”24122433-Color” value=”on” id=”gwt-uid-645″ tabindex=”0″ checked=””><label for=”gwt-uid-645″><span class=”ecwid-productBrowser-details-optionRadioButton-name”>Matte Black</span></label></span></div></div></td></tr></table><div style=’text-align: center’><script type=”text/javascript” src=”http://app.ecwid.com/script.js?2090078″ charset=”utf-8″></script><script type=”text/javascript”>xAddToBag(‘productid=24122433’);</script></div>
</form></div>To clarify, when it ‘crashes’ it typically will reveal the code visually, let you click Update, then without fail revert to ‘Click here to add your own text.’
No issue with Vimeo posts: http://predatorskateboarding.com/newtons-nation-2012/
