Wellness Theme

[gucu]

Hi All

I hope everyone is well.

I am trying to move the text widget box to the right and to extend to show most of the image on scroll. At the moment because I am simply using a title I have added extra lines below this to get the whole picture. Is there a better way of doing this please?

Many thanks

Rich

https://mobilitycentresouthwest.com/

[andytc]

First , remove your extra lines from your text box , then we can then adjust the following default styles , shown below for reference -

.image-section .flexible-widgets .wrap {
    padding: 140px 0 120px;
}

.image-section {
    background-attachment: fixed;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

Add these styles into the customiser > additional CSS section to override the default styles shown above and adjust the padding to get what you want - this is top and bottom padding - adjust the padding to get what you want , I've set this at 200px top and bottom to get you started. The second style is to change the background image position to be centred , it might be better for you. Copy and paste them into the customiser and test.

.front-page-1.image-section .flexible-widgets .wrap {
  padding: 200px 0 200px;
}

.front-page-1.image-section {
  background-position: center;
}

Hopefully this will be closer to what you want

[andytc]

Missed this bit - "... I am trying to move the text widget box to the right"

Ok , so add this for just front page 1

.front-page-1 .flexible-widgets.widget-full .widget_text {
  float: right;
}

If you want that to apply to both images , not just front-page-1 , then delete the first class as below -

.flexible-widgets.widget-full .widget_text {
  float: right;
}

Try that and see how it goes , check responsive

[gucu]

That worked brilliantly. Thank you and thanks for the educational comments, they were hugely helpful and gave me the opportunity to tweak the box myself.

Rich

[Author]

Posts