0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

SOLVED Block Content component configuration

  • SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • Please advise how to keep Description text according to width of picture of Block Content
      I have modified Block Content component and text of description follow to the width of the colunm, not picture width.
      .g-blockcontent-2cols {
          .g-blockcontent-subcontent-block {
              @include flex(0 50%);
              width: 50%;
              max-width: 50%;
              margin: 0;
          }
        .g-blockcontent-description {
          @include flex(0 50%);
          width: 30%;
          max-width: 30%;
      }
      }

      Please advise
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • Give me a specific example where it is not doing that....

      Please do a screenshot of your problem and annotate to make it clear.

      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.
  • Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • This image is hidden for guests.
      Please log in or register to see it.



      This image is hidden for guests.
      Please log in or register to see it.


      When screen streched out, description takes 50% of total width and comes out of picture
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • Really the problem here is that your images are not actually big enough. Because there is 50% available space the images should be wider than 500px but you can work around it like this...
      .g-blockcontent-subcontent-desc {
        max-width: 500px;
      }

      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.
    • The following users have thanked you: Borys Grebnevskyi

    • 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.
  • Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • This image is hidden for guests.
      Please log in or register to see it.



      This image is hidden for guests.
      Please log in or register to see it.


      yes, but now blocks sticked each other and even not keep ordered 2 colums

      This image is hidden for guests.
      Please log in or register to see it.



      This image is hidden for guests.
      Please log in or register to see it.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • You've not done what I said... You've just whacked that attribute on some other completely different selector. Undo what you did and implement what I gave you.

      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.
  • Re: SOLVED Block Content component configuration

    Posted 6 years 3 months ago
    • Sorry, Mark, really my stuipid mistake )))
      Thank you very much again!
      Kind regards
      Borys

Time to create page: 0.094 seconds