DEBUT: adjust section width on self-created page

Bas79
Excursionist
19 0 7

Hi all,

 

I have just created a page from scratch with the help of a tutorial.

This worked out pretty well, but leaves me with one question that unfortunately is not answered in the tutorial.

 

Through this link you will find the above mentioned page: test 1 – Kinderkleding Partytime

 

What happens here is that the implemented sections (such as "hero-test-....." , "features-column-test....." and "map") do not cover the full width of the page.

See also below screenshots. What i would really like to accomplish is that the header section and the map section cover full width of the page and that all four textblocks in the middle are arranged in a row instead of the 2x2 grid that you can see now.

 

It should only affect this page and not my other pages.

Does anybody know if this is possible and if so, how?

 

Thanks in advance for any help!

 

testpagina deel 1.jpgtestpagina deel 2.jpg

0 Likes

Hello,

yes possible sir please send me store access i will fixed.

 

 

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes

See the screenshot i have update some css code.

update-design.png

 

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
Bas79
Excursionist
19 0 7

@jotvark 

Thanks for your reply.

I don't want to sound ungrateful, but i'm a bit cautious about letting others work directly on my css/code.

I have noticed that this can be very delicate and I would really like to try and edit this myself as I am documenting every step I take for future reference.

 

I hope you don't mind me saying this, because i really appreciate you are trying to help.

0 Likes

@Bas79 Sure i will send details for css and code changes.

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution

@Bas79 

I have check already fixed issues your side =>https://kinderkledingpartytime.nl/pages/test-contact-2

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
Bas79
Excursionist
19 0 7

@jotvark 

 

Yes, in the meantime I have been trying to edit some code myself and it seems that I am a bit more capable then I thought I was.

 

However, I am still not completely satisfied. The button for submitting the contactform is a bit 'off'. (Placed too much to the left).

And I think that the map-section is too big. Width is okay now but I would rather have it less high.

And the white area in which I can submit my store info is too big.

 

Any thoughts on that? 

Thanks again for your help!

0 Likes

@Bas79 

However, I am still not completely satisfied. The button for submitting the contactform is a bit 'off'. (Placed too much to the left).

Please add style css file.

Click to expand...
.page-width2 .btn {
      margin-left: 15px;
}
Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution

And I think that the map-section is too big. Width is okay now but I would rather have it less high.

And the white area in which I can submit my store info is too big.

Please show me screenshot ?

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
Bas79
Excursionist
19 0 7

@jotvark 

 

Code for button works great, thanks!

 

Please see below screenshot for my current map section.

I think it should be smaller (only in height, see arrow on the left.) and the white area is too big. I would rather have it more like the red drawn outline. (I am not sure if this is even possible though.)

map site hoogte.png

0 Likes