Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 12, 2015 at 5:22 pm #486695
    djshortkut

    Yigit helped me center the special headings and buttons in my grid rows vertically on this page and the code worked perfectly. However, after the thread was closed, I noticed that it affected all other grid rows on my site. How can I get this code to work only on this page? I have a section id for this section of #grid-row Can you help me modify the code adding this section id to target only this grid row so no other grid rows on my site are affected please? or target just this specific grid row another way? I had to remove the code because it was messing up the rest of my site. Thanks in advance!

    https://kriesi.at/support/topic/center-text-button-in-grid-rows/

    @media only screen and (max-width: 480px) {
.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
    margin-top: 20%;
}}
    • This topic was modified 9 years, 4 months ago by djshortkut.
    August 13, 2015 at 12:07 am #486837
    Yigit

    Hi djshortkut!

    Please edit your Grid Row element and give it a unique ID and then change the code to following one 

    @media only screen and (max-width: 480px) {
#your-custom-id .flex_cell_inner {
    margin-top: 20% !important;
}}

    Best regards,
    Yigit

    August 13, 2015 at 1:26 am #486873
    djshortkut

    Thanks, that worked! You can close this thread.

    August 13, 2015 at 10:07 am #487037
    Rikard

    Hi,

    Glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center Special Headings & Buttons in Grid Rows’ is closed to new replies.