Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 25, 2017 at 5:39 pm #868844
    rvga

    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?

    Moving up or down a special heading insite color section

    Can’t wait to hear from you.
    Thx in advance

    October 25, 2017 at 11:07 pm #868998
    Jordan Shannon

    Hey rvga,

    Please provide a link to the site/page in question so we can inspect the classes.

    Best regards,
    Jordan Shannon

    October 26, 2017 at 7:30 am #869092
    rvga

    Hi 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 #869098
    rvga

    Another example:
    Moving up or down the special heading

    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 ago by rvga.
    October 27, 2017 at 8:19 am #869447
    Rikard

    Hi,

    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,
    Rikard

    October 27, 2017 at 8:27 am #869452
    rvga

    Thx 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 ago by rvga.
    October 27, 2017 at 9:00 am #869474
    rvga

    Rikard
    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 ago by rvga.
    October 27, 2017 at 3:32 pm #869627
    Victoria

    Hi 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.css

    
body .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,
    Victoria

    October 27, 2017 at 5:17 pm #869675
    rvga

    Yes 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 ago by rvga.
    October 27, 2017 at 11:33 pm #869772
    Jordan Shannon

    Hi,

    What is the the custom name you gave the section?

    Best regards,
    Jordan Shannon

    October 29, 2017 at 4:15 pm #870088
    rvga

    Hi Jordan
    I didn’t give any name to the color section where stand my special heading.

    October 30, 2017 at 5:27 am #870303
    Jordan Shannon

    Hi,

    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.