-
AuthorPosts
-
October 25, 2017 at 5:39 pm #868844
Hi
I’ve been reading all files about moving a special heading but none of the solutions work for me.
I just want to move a little bit further up or down my special heading like show in my screenshot.What code should I implement in the CSS custom element, please?
Can’t wait to hear from you.
Thx in advanceOctober 25, 2017 at 11:07 pm #868998Hey rvga,
Please provide a link to the site/page in question so we can inspect the classes.
Best regards,
Jordan ShannonOctober 26, 2017 at 7:30 am #869092Hi Jordan,
Let’ consider that H1 special heading “TESTEZ VOS CONNAISSANCES” within the very first color section of that page.
I would like to move it a little bit further down so it’s not right in the middle of the image any more.What would be its CSS custom code, please?
October 26, 2017 at 7:40 am #869098Another example:
I don’t know why my pic just above doesn’t appear on the screen!
Any clue?
<img src="http://giftanart.free.fr/tmp/msh.png" alt="Moving up or down the special heading" />
- This reply was modified 7 years, 1 month ago by rvga.
October 27, 2017 at 8:19 am #869447Hi,
You could try to activate the custom css field for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, then give your elements a class, for instance my-header-class. Then you can use CSS like this in Quick CSS:
.my-header-class { margin-top:-20px; }
Best regards,
RikardOctober 27, 2017 at 8:27 am #869452Thx Rikard for your reply,
my css-custom fields ALB element are activated.
What I did:
1/ I inserted my-header-class in the For developer: ID section field of the Color section
2/ I inserted .my-header-class { margin-top:-20px; } in the css-custom class of my special heading element.Unfortunately it didn’t work, my title (special heading) didn’t even move a pixel :((
Any other clue?
- This reply was modified 7 years, 1 month ago by rvga.
October 27, 2017 at 9:00 am #869474Rikard
Lets consider that website page
Let’s say I want to move 100 px down the special heading “Contact”.I did rewrite your suggestions in the ALB element and still it doesn’t work.
Find temporary credentials to login in the private content and pleaaaaase tell me where I am confusing with all this.
It’s not such a big deal,but I’d like to understand.Thx in advance ;)
- This reply was modified 7 years, 1 month ago by rvga.
October 27, 2017 at 3:32 pm #869627Hi rvga,
This code will move the “contact” down.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.cssbody .container_wrap .avia-builder-el-no-sibling.avia-builder-el-1 { margin-top: 100px; }
If you need further assistance please let us know.
Best regards,
VictoriaOctober 27, 2017 at 5:17 pm #869675Yes Victoria this code works fine, thx.
But I want to move only one specific special headline element. Not all of them in the website.
And unfortunately, that code doesn’t work inside the css custom ALB element. I did try.We’re almost there, one more suggestion?
- This reply was modified 7 years, 1 month ago by rvga.
October 27, 2017 at 11:33 pm #869772Hi,
What is the the custom name you gave the section?
Best regards,
Jordan ShannonOctober 29, 2017 at 4:15 pm #870088Hi Jordan
I didn’t give any name to the color section where stand my special heading.October 30, 2017 at 5:27 am #870303Hi,
Apologies for the misunderstanding. The thread is a bit hard to follow. What is the exact part of the page you want to adjust?
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.