I give only 1 section code of the page to make it easy.
this is html code:
<section id="portfolio">
<div class="portfolio-section-left-side">
<h3>WebdesignMaster: Uw Digitale Identiteit:</h3>
<h4>Welkom bij WebdesignMaster, uw partner in het cre?ren van digitale meesterwerken. Als creatieve geest endigitale identiteit.</h4>
</div>
<div class="portfolio-section-right-side"><img src="https://webdesignmaster.info/wp-content/uploads/2023/09/portfolio-section-image.webp" width="1080" height="550" alt="Website bouwen in Rotterdam"></div>
</section>
this is the css code:
#portfolio {
display: flex;
flex-direction: row;
width: 100%;
max-width:1240px;
justify-content:center;
margin-left:auto;
margin-right:auto;
}
.portfolio-section-left-side {
width: 45%;
max-width:558px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.portfolio-section-left-side h3 {
margin-top:0.5rem;
}
.portfolio-section-left-side h4 {
margin-top: 0.25rem;
}
.portfolio-section-right-side {
display: flex;
justify-content: flex-end;
width:45%;
max-width:558px;
margin-left:2%;
}
.portfolio-section-right-side img {
width: 100%;
height: auto;
max-height: 350px;
margin-top: 2rem;
}
when you open this code under 1082 pixels the text line is equal to the image . but when you go up to 1280pixels then the text is going down it is not staying stable. for this reason I used % and pixels in my code.
in the begin I was only using % .but when I opened it on 1081 the text position was good. but when I move to up 1280 pixels the text is moving to down . I know in this situation is normal because I was using %. then I tried to use only pixels.
like this example :
#portfolio{
display: flex;
flex-direction: row;
width:100%;
max-width:1200px;
justify-content:center;
margin-left:auto;
margin-right:auto;
}
(the numbers above is an example ).
then the margin right and left became wider as the resolution moved from 1081 to 1280 px. and it is coming very ugly?
I want to know if there is some solution that the text stays stable in line with the image when I move from 1082 pixels to 1280 pixels? or from 1280 to 1560 pixels .
I don’t know if is possible to use position absolute ? I tried but it didn’t work.
how I can solve this problem?
thanks
]]>Hello and help! I edited a sidebar on my wordpress opensource website, as I have done many times before. Today I noticed that both sidebars had moved to the bottom of each page, and one is not showing any content beyond the first line (although ‘sidebar position’ under settings still shows ‘right sidebar’) – and the content of each page is now in a narrow central column. I have no idea what I have done. Thank you for your help.
]]>I’m trying to achieve a ‘1st slide-left, 2nd-center, 3rd-right’ look.
Horizontal positioning only works in the Style tab, not in the slide-specific one.
Vertical positioning, text alignment both work per slide.
Tried leaving the general Style tab at default, as well as disabling its features.
Unticking padding’s ‘link’ icon repositions content for some reason.
It’s a single-page design, Elementor full width on Hello Elementor.
Thanks in advance
Any advice would be greatly appreciated.
Thanks
Tony
How can I move the text downwards? It seems when entering empty lines in the editor or by adding a line break in the html it gets filtered and is not applied.
If there is no other option I will change the background image to solve this problem.
]]>I got a quick question:
As seen in the provided link, the text is on the left and the price on the right side..
I’d like to have everything centered but the price underneath of each line of text.
Do you think this is possible? I did not find any solution for that yet.
Thanks very much in advance.
Yours,
Alex