-
Posts
-
Hello!
I tried a parallax image background with some text in it at the page top. Strangely, it was moved into the header.. how that?
You can see the behavior at http://relaunch.domaines-berlin.de/catering/ with pw “ZB4-ju8-yU9”
Hey hanneska,
So that image is supposed to take up the space of the background?
Best regards,
Jordan ShannonHi Jordan,
Thanks for the answer, that was fast! Yes it was. Now I changed it to static and a boxed layout, see:
http://relaunch.domaines-berlin.de/
http://relaunch.domaines-berlin.de/weinhandlung/
http://relaunch.domaines-berlin.de/catering/But the color sections stretch beyond the column-width unfortunately. You know a fix for that? I already tried a forum-fix in the General Styling which didn’t work:
#fwcs-restaurant-header .container { width: 80% !important; max-width: 80%; padding: 0; margin: 0; }Best,
HannesHi Hannes,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.container { padding: 0; }Best regards,
YigitThanks Yigit, but unfortunately it didn’t work. The color section still expands wider than the other sections. Only everything is narrower.
Hey!
Can you please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
Best regards,
YigitOh yeah of course!
Screenshot 1:
https://www.dropbox.com/s/t97i0se7k4vqcqx/Screenshot_1.png?dl=0
Screenshot 2:
https://www.dropbox.com/s/0fb3rg849rhesbe/Screenshot_2.png?dl=0
Screenshot 3:
https://www.dropbox.com/s/pnh8g0zkt879uig/Screenshot_3.png?dl=0I realize now that (looking at screenshot 3) the color section spans over the whole boxed width, just like the tab-section below the text (grey in screenshot_3). Only the text sections don’t seem to span the whole width which irritated me. So Screenshot 1 is self-explaining then. Only in Screenshot 2, the color section is too wide, then. Is there a way to limit the width of that color section, e.g. in Screenshot 2 with “Das Restaurant”?
Thanks so much already for your time!
Hannes
Hi Hannes,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi,
Try adding the following to quick css:
#av_section_1 { width:90%!important; text-align:center!important; margin:0 auto!important; float:none!important; }Best regards,
Jordan ShannonHi Jordan,
Thanks a lot, that did the Job! Can I also ask how to center my fixed footer socket? I tried adding code from this other post here. It worked to add:
#socket {
position: fixed;
bottom: 0;
width: 91%;
}but unfortunately (see screenshot) the socket is not centered on the screen but asymmetrically on the right edge of the screen with whitespace on the left..
Direct link to the screenshot: https://www.dropbox.com/s/dxovsedesny5z04/Screenshot%202017-10-16%2017.58.43.png?dl=0Much appreciated, thanks for the great support!
Hi,
So you are looking to center that is currently left aligned? Ratatouille, Rote, etc?
Best regards,
Jordan ShannonThat’s strange now. And no, no Ratatouille. It’s still aligned on the right side. Plus, it depends on the screen size, I found out. Compare 12′ 1024×600
http://quirktools.com/screenfly/#u=http%3A//relaunch.domaines-berlin.de&w=1024&h=600&a=1&s=1
with 15′ 1366×768
http://quirktools.com/screenfly/#u=http%3A//relaunch.domaines-berlin.de&w=1366&h=768&a=1&s=1 …
And the socket seems to have a different anchor somehow..
Best regards & spagetti.
HannesHi Jordan,
No Problem, I made another screenshot. I don’t think that it’s a screen size artifact.. I guess.
https://www.dropbox.com/s/hhyn0nvqamg2myb/Screenshot%202017-10-28%2018.37.27.png?dl=0
- The topic ‘Parallax Color Section strangely moves into header’ is closed to new replies.