May 6, 2014 at 3:44 pm #48233
I’ve just updated my development site to ePix 1.1, and updated to VC 4.1.2. I’ve noticed some bugs have been quashed (Parallax in rows again!), though one very irritating one persists. In VC 3.x creating rows resulted in them adhering to the setting dictated by the theme. This meant wide layout would cause the rows to span the entire width of the page. As of VC 4.x this doesn’t happen anymore.
An example of this can be seen here: http://c96.57d.myftpupload.com/weddings-events/. The upper image is a single image in a VC row where the 2nd image is a set as a parallax image in the row. No matter what I do – I can’t get the margin on the upper row to go away. I’ve tried: 1) creating a new page and placing a single image with VC 4.1.2 2) Adding css with 0px margin 3) adjusting the size of the 2nd image beyond what the page can display. (3000px) 4) Adding the image manually and setting the width via text mode. I’ve created a new page with the three images that can be seen here: http://c96.57d.myftpupload.com/margin-fail/. The first is a VC row with a single image, the second a VC row w/Parallax and the 3rd, a manual addition of the image via text mode. The page settings are no columns, and wide layout set to “on”.
Is this behavior on the list of known bugs, and most importantly, is there any way around this? In VC 3.x this didn’t happen, and I’d like to go live with the site sometime soon. (and w/o the mandatory margins) Any assistance would be greatly appreciated!May 6, 2014 at 3:59 pm #48238
Have you tried adding no-margin-top to the extra CSS class in the first row?
The page with 3 images on only seems to have 1 at the moment? I will ask Andy about the parallax issue for you.
Please provide login details to your site so we can test this out for you.
TomMay 6, 2014 at 4:58 pm #48259May 6, 2014 at 5:18 pm #48266
We have put the no-margin-top in and I think this is what you are after. The margin has now gone. Can you confirm this is what is what you are after?
TomMay 6, 2014 at 5:23 pm #48267May 6, 2014 at 7:45 pm #48274May 7, 2014 at 8:13 am #48321May 7, 2014 at 9:16 pm #48426May 8, 2014 at 7:32 am #48446
Not to worry, I just need to get a full understanding before I invest my time in problem solving.
What are you adding the no-margin-sides to? The row or an image within the row?
TomMay 8, 2014 at 6:57 pm #48507
I’ve done a bit more digging, and have further definition, but no solution. To answer your question, I’ve tried custom css on the image, row and page to no effect. I’d concentrated on the row as it used to display full width on VC 3.x, and the picture hasn’t changed since then. VC 4.x brought on the 20px left and right margins that seem impossible to remove. The reason the parallax image isn’t effected is because it’s a different set of divs that dictate their behavior.
Specifically, the non-parallax images seem to be controlled by the div “title-wrap” which is the 5th nested div under the 12 col. container div. Parallax images are governed by the div “parallax-wrap”, and behave completely different. If I change each static image to a parallax background, the margins go away because it’s calling the “parallax-wrap” div.
All that said, my desire is to have a uniform design on the page. I’d prefer no margins be possible on the static image, so they match what the parallax-wrap div does. This way all images either do, or do not, share the same vertical alignment. I can create my own css to override the default stylesheet, but I don’t want to own support for that in perpetuity. I’m open to any advice, and like I mentioned, I’m ok with redesigning the page. (either all parallax, or no parallax) Thanks,
NilsMay 9, 2014 at 7:57 am #48533
Adding no-margin-sides to the row that the single image is within should take off the margins.
If you are still having issues with this, please let me know which page you want me to add this class to and I will show you what I mean.
TomMay 9, 2014 at 1:22 pm #48609
I added the no-margin-sides to the upper image on the “About Us” page and still have the 20px left, and 20px right margin. My hunch is that the image doesn’t have a margin within its div, but rather the parent container is creating the space. Should you have the opportunity, please log in and verify I applied the css correctly. I’d wager a pint that you’ll not be able to make the margin go away without going after the parent div;)May 12, 2014 at 6:53 am #48685
That is strange, I will take a look but the login provided does not seem to be working?
TomMay 18, 2014 at 10:34 pm #49288
Pardon the delay on the response. I’ve been out of country and off the grid in terms of Internet. But I’m back, and set to start working on the site again. I’ve turned your account back on, and you should be able to log in.May 19, 2014 at 7:56 am #49303
I have logged into your site and added no-margin-sides to your row with the image within it and now there are no margins.
Please let me know if you are still having issues with anything.
You must be logged in to reply to this topic.