How to add texts at top of multi row row

[NOT1]

How can i put the texts buttons etc (all which are under the image) at top like this :

[websensepro]

Hi @NOT1 , kindly share the URL of the specific page of your site where this button exist. Thanks!

[NOT1]

..................

[websensepro]

@NOT1 , can you also give me the link of specific page where these buttons exist? Thanks!

[NOT1]

its on my home page just before the footer

[websensepro]

@NOT1 try the below code:

<style>
  .button.button--primary {
    background: none !important;
    color: black !important;
    text-decoration: underline !important;
    font-weight: bold !important;
  }
</style>

It is currently showing in grey color because it is a disabled button.

[NOT1]

Hey i think there is a misunderstanding I want everything like the text buttons etc all above the image on mobile like this 

[websensepro · Accepted solution]

@NOT1 , try the below:

<style>
  @media (max-width: 768px) {
    .image-with-text__media-item.image-with-text__media-item--medium.image-with-text__media-item--middle.grid__item {
      position: relative;
       top: 280px;
    }

    .image-with-text__text-item.grid__item {
      position: relative;
      top: -328px;
    }
  }
</style>

[NOT1]

Thanks

[websensepro]

No worries. Glad it worked!

[Made4uo-Ribe]

Hi @NOT1 

Would you mind sharing your store URL? Thanks!

[NOT1]

.................

[Made4uo-Ribe]

Thanks for the info, this is only on the mobile sreen right? 

if it is check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px) {
    .image-with-text__text-item.grid__item {
        position: absolute;
        top: 0;
        z-index: 10;
        padding: 0 20px;
    }

    .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet.image-with-text__grid--reverse {
        position: relative;
    }
}

And Sve. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[NOT1]

Hey thanks but I want it above the image not in the image thanks