Tagged: color section, down arrow, full width button
-
AuthorPosts
-
May 8, 2016 at 9:51 pm #628921
I’ve had issues with the Full Width Button randomly becoming NOT full width. I think I’ve solved that by placing the Full Width Button inside of a Grid Row layout element.
However, still having difficulty making the “Down Arrow” appear for the color section at the top of the site. The site opens and closes with a Full Width Button. I’d like the top section to also have the “Display a Small Arrow” option active, as it is the footer.
What elements should I use to make that happen?
May 10, 2016 at 5:56 pm #630151Hey Michae1,
I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?
The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.
Best regards,
AndyMay 10, 2016 at 9:48 pm #630250Hey Andy,
Thanx for the help. Sorry about the login. It should work now. I restored the site from a previous version while changing some things and that removed away the original login. Should be set now.
Thanx!
~ MichaelMay 12, 2016 at 9:16 am #631227Hi,
The down arrow should be visible by default but please add this in the Quick CSS field to fix it:
.avia_transform .av-extra-border-element .av-extra-border-inner { top: -25px; } .avia-section { overflow: visible; }
Best regards,
IsmaelMay 12, 2016 at 9:22 am #631233Hi Ismael,
So . . . yeah, that kinda broke, well, everything. Jacked up all sorts of background images, colors, sections, and to boot, the “arrow” is now half of an octagon. :(
Thoughts?
May 14, 2016 at 9:13 am #632303Hi,
Broke everything? Which elements? Replace it with the following:
.avia_transform .av-extra-border-element .av-extra-border-inner { top: -39px; } .avia-section { overflow: visible; }
Add a unique Section ID then replace the “.avia-section” selector.
Best regards,
IsmaelMay 15, 2016 at 1:43 am #632410Please compare the live site with the staging site, and you’ll see everything that it broke. Changing the “top” on the same classes did not fix anything.
May 17, 2016 at 6:08 am #633485Hi,
Did you try our suggestion about adding a unique Section ID to the color section?
Add a unique Section ID then replace the “.avia-section” selector.
Best regards,
IsmaelJune 25, 2016 at 10:23 pm #653432Yes. That seemed to work. Good workaround.
But now I’m having a related “down arrow” issue on the live site. Could you tell me how to turn “off” the down arrow on a full width button? Not ALL of them (which is what happened when I targeted the class via Chrome Dev Tools and set to display:none). I only want to be able to target (turn off, or change the color of) the dark grey down arrow on the “YES PLEASE!” button under the video.
June 29, 2016 at 5:36 am #654596Hi,
The “Yes Please” arrow and the succeeding sections after that element are outside the wrap_all container. Those sections should be contained inside the wrap_all container. Please move all elements inside a color section in order to fix it.
Best regards,
IsmaelJune 29, 2016 at 8:35 am #654657This, well, basically breaks everything :( and speaks to the random issues of using the full-width button and color sections. After placing the “Yes Please” full-width button into a color section, the footer is now “boxed” and all other full-width buttons are no longer full width.
This has happened several times randomly, and I can’t seem to isolate why. Any thoughts?
July 2, 2016 at 3:40 am #655969Hi,
We checked the page but the section or the full width button do not exist in the editor. After the “Shop to it” section, it skips directly to the “Features” section. The video and the full width element button are missing. Do you have a backup template of this page or a revision? http://shopafree.staging.wpengine.com/wp-admin/post.php?post=211&action=edit#open (hosted on WPengine)
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.