Tagged: anchor, section id, table css
-
AuthorPosts
-
March 11, 2016 at 6:26 am #596699
Hi
Is there a way to apply section ID to all elements or at least column.. (not css class)
My page has sidebar, if I use color section to apply section ID, the color section will take the full width and my sidebar will be displayed after the color section (on the bottom of the page) I need to use anchor on the comment section from the button on top of the page.Thanks,
March 11, 2016 at 4:14 pm #596922Hi dewasurya!
Please add text block element to the of your sidebar and add following inside
<div id="your-unique-id"></div>
and then add following code to Quick CSS in Enfold theme options under General Styling tab
#your-unique-id { clear: both !important; }
Regards,
YigitMarch 14, 2016 at 3:14 am #597465Thanks Yigit,
But that doesn’t work..
What I mean is I need to apply Section ID on comments.
I have button “see more comments” on the top of the page that I want to have anchor linked to the comments section below.
I can have it correctly while the page is full width by inserting the comments element inside color section that has section ID, but the story is different when the page has sidebar, the sidebar now disappears from the right side and appears on the bottom of the page because the color section stretch to the full page, so my sidebar is below.
So I need the css for color section to have width the same as 1/1 element instead of full width, so it won’t crash the sidebar..
Hope it is clearThanks,
SuryaMarch 14, 2016 at 9:08 am #597614Hi!
Instead of a color section please use an empty grid row section above comments section to add your ID it is available on the right side in Advance Layout builder > Grid Row > add your section #ID :)
If that don’t work for you please share the link to the page where we can inspect the element and create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.
Best regards,
Vinay KashyapMarch 15, 2016 at 6:26 am #598178Hi Vinay,
Thank you for your response. Unfortunately it act the same as color section.
Please find below private details.Also another question if I may ask, I set the table custom size for certain ID, it looks perfect on PC but mess on mobile, can we disable the applied css on mobile for that certain ID? You may see this on the rates table on page details below
Thanks,
SuryaMarch 15, 2016 at 6:51 am #598190Hi.. I have found the solution with adding 1/1 element and code block with <div id=”customid”></div> just for info if anyone have the same issue.. also with mobile css is fixed
Thanks..- This reply was modified 8 years, 8 months ago by dewasurya.
March 16, 2016 at 6:15 am #598783Hi,
Great, glad you found a fix and thanks for sharing. Please let us know if you should need any more help on the topic.
Best regards,
RikardMay 19, 2016 at 12:59 am #634837Hello,
Sorry to bother, but I’m having the same problem, with the ID of the “color section” “breaking the page” and the sidebar goes below the color section.The solution you said you found, is for that problem, or for the second one with the css?
again, sorry to bother, but can you help me with that? can you explain better the solution for the first problem?
I’ve tried to use a 1/1 element with a code block inside, with the ID I want, and nothing hapens… Can you help me?Thank you in advanced.
NP
- This reply was modified 8 years, 6 months ago by nunop.
May 19, 2016 at 2:27 am #634848Hi nunop..
I’m happy to help.. 1/1 element should works to keep the sidebar on the correct place, then I put the code block elements and write <div id=”customid”></div> it just for the anchor of the button that i made on the top of the page.. however it might be different in case by case.. could you please share the link and tell me what are you trying to do? It would be easier to analyze when i see it in real..May 20, 2016 at 4:23 am #635662Hi,
Sorry to bother, but I’m having the same problem, with the ID of the “color section” “breaking the page” and the sidebar goes below the color section.
@nunop: Full width elements do not break the page, it pushes the sidebar underneath them because content always has to go first before the sidebar for SEO purposes. A workaround is disable the sidebar on the page then use the Widget Area element as a replacement.
@dewasurya: Thank you for the info. :)Best regards,
IsmaelMay 25, 2016 at 1:30 pm #638011Thanks for your fast answers,
at the time, because of time issues, I just resolved it another way, so for now it’s done…
but I’m gonna get back to this issue again, when I have a litlle more time, cause I have to explain what I need with links and all that, And now I’m stressed without time…
Again thank you very much for the quick answers.
Cheers,
NP
May 26, 2016 at 7:22 am #638539August 2, 2017 at 7:52 pm #833608@ismael How the widget area element can replace sidebar here?
August 2, 2017 at 8:24 pm #833614Hi,
@afarahani You can simply edit your page and add Widget Area element under Content Elements tab of ALB and place it inside a column elementBest regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.