Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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?

    Moving up or down a special heading insite color section

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

    #868998

    Hey rvga,

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

    Best regards,
    Jordan Shannon

    #869092

    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?

    #869098

    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, 1 month ago by rvga.
    #869447

    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

    #869452

    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, 1 month ago by rvga.
    #869474

    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, 1 month ago by rvga.
    #869627

    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

    #869675

    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, 1 month ago by rvga.
    #869772

    Hi,

    What is the the custom name you gave the section?

    Best regards,
    Jordan Shannon

    #870088

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

    #870303

    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

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