I am trying to create a banner or header with a short paragraph under above my forums.
But every time i do it, it messes up the dimensions of my forum, so i am unable to edit it without messing it up
https://unitedstudy.co.uk/esl-forums/
When i try to edit the page. Im trying to add a header and some text with an image above the forum so that i can better optimise it for seo
But whenever i try to edit it using elementor. I can't see the forum until i finished editing and saved it.
So i can't edit the forum with additional text on elementor unless i make a mess if how it looks
For example 1
My objective:
To be able to add text and an image above my forum displayed on the page without affecting the forum .
I used elementor throughout my website so ideally id like to edit the forum design using elementor.
1.png
Here i was showing you that the [wpforo item="forum" id="1"] is displayed correctly on the page.
2.png
This is how my page looks currently.
I would like the text, heading and image above the forum
3.png
This is how it displays when i try to edit it using elementor, i want this to be how it looks above my forum.
4.png
After clicking save. It changes the width of my forum. I don't want that.
It also puts it below my forum. I wanted to have it displayed above my forum
I am not sure how to make a video under 10 mb doing the process as i did in my screenshots. i will try to annotate the screenshots to clarify
#wpforo #wpforo-wrap {
font-size: 16px; width: 100%; padding:3px 2px; margin:3px;
}
.entry-content > blockquote {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
My objective:
To have a full width forum (with small borders on the sides) on PC and mobile
I used elementor throughout my website so ideally id like to edit the forum design using elementor.
1.png
Here i was showing you that the [wpforo item="forum" id="1"] is displayed correctly on the page.
2.png
This is how my page looked. But now i managed to put the section i wanted on top of the forum. But it messed up my forum width
4.png
After clicking save. It changes the width of my forum. I don't want that. I want my forum width to fill the page as 2.png
I have this currently input in my styles setting customs css
Ok, as far as I see the problem is fixed. But I'd not recommend forum page with 0px padding on sides. It doesn't look good. It would be better to have at least 5% padding on left and right sides.
BTW, the page padding and all other parts which are out of forum wrapper have no any chance to be styled through wpForo. Those are all theme parts and you should contact to the theme support or to the Elementor support.
Thanks, previously i managed to change the width only because my theme editor helped with it. That is how it was wide before. I'll ask for an update