0
Welcome Guest! Login
0 items Join Now

vertical align of home page title

Last Post
Search Topic
    • iribarne's Avatar
    • iribarne
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 1

    vertical align of home page title

    Posted 8 years 7 months ago
    • Hi
      In my home page, I have got a first line which is made of 1. an image, 2. one title, 3. a second text
      I want to have all those vertically aligned.
      ==> How can I manage that given that this line is inside a "custom html particle" : Is there any CSS Class for the block, or anything ?
      Thanks - Patrick
    #1314642
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • They are all vertically aligned?

      Please do a screenshot of your problem and annotate to make it clear what you mean?

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1314703
    • iribarne's Avatar
    • iribarne
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 1

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • Actually I don't succed in getting the g-offsidebar-toggle-icon aligned with the text ...

      How can I handle it using html ?

      Thanks - Patrick
    #1315066
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • Use this code...
      #g-navigation .g-offsidebar-toggle {
    margin-top: -5rem;
    margin-left: -1rem;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1315202
    • iribarne's Avatar
    • iribarne
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 1

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • OK - So I write this code in the custom.scss file - but how do I use it in the html code ?

      Patrick
    #1315213
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • huh? - just add the custom CSS - it will move the position of the offsidebar toggle as you wanted. Nothing to do in html.

      Regards, Mark.

    • The following users have thanked you: iribarne

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1315215
    • iribarne's Avatar
    • iribarne
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 1

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • OK !
      Thanks !
    #1315222
    • iribarne's Avatar
    • iribarne
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 1

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • Oups !

      I want the menu icon to be displyed in the mainbar section, within the "page content" image :

      ==> The following code doesn't work :
      #g-mainbar .g-offsidebar-toggle {
      margin-top: 5rem;
      margin-left: 1rem;
      }
    #1315224
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: vertical align of home page title

    Posted 8 years 7 months ago
    • 1. That code is not the code that I gave you? I said "g-navigation" not "g-mainbar" and I used negative values not positive ones as you have.
      2. I change the code in your custom.scss file that you had commented out to the CSS statement I had given you.
      3. I turned off production mode, turned off rokbooster, recompiled CSS from base outline and cleared server cache... now it works.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1315342

Time to create page: 0.058 seconds