Guys, I’ve decided to go back to the old version!
As it look like does many users have an issue with menu and logo ^^

I’ll update when this basics are solved!

screenshot of the problem is in the private content

Hi Josue,

thank you VERY much! Now it looks quite similar to the termin-page.

Can you explain me please, why it was so easy to adjust the termin page, and it was so difficult at the price-page?

I won’t become an coding expert but i try to step behind the story and it costs me sleepless nights :)
Is it because I’m using a different (table) section at the price-page?

Thank you!
br
Claus

Hi Yigit, did it work? br claus

Hi Yigit,

thank you for your fast response.

Long story short, I have 2 images at 2 pages what i would like to adjust.

page-id 673 (termine) works perfect and looks already as it should (the code came from rikard)

page-id 617 (preise) i would like to do the same and was wondering why it didn’t worked as expected (my reply on 18th june)
then andy started to do some custom-class (which works now) and repeating the same answer again and again ;)

the problem with his solution is, that i can adjust the image only for one specific resolution, this is no responsive design solution!

so please be so kind and go to the termin page and change the screen size – the image sticks to the grey/white border
than go to preise page – the image doesn’t stick to the grey/green border

So…

really? You told me that, again? Honestly I don’t think this is an polite answer.

Is it possible to handover to @Rikard or somebody else?

Because I’m not an expert in coding and it’s not in my focus, _but_ your solution (posted 4 times) doesnt help (the !important I’ve tried already at the first time).
instead of answering my question you are waisting _your_ time and in my opinion you didn’t read it completly.

in reply #663043 i told you already what the problem with your solution is:

now i can adjust it for one screen size – which doesnt fit for a responsive design. Did you try to change the screensize once?

NO, you didn’t try to change the screensize, otherwise you would have seen that your solution is not working!

wise words relaxed expressed, can you tell me how?
i do not understand why it was so easy the get the result at the termin-page and it doesnt work at the preise-page

Can you tell me why?

So please, don’t waist your time and handover to somebody else, your solution doesn’t work!

br
claus

btw. there is an image at post #649078

Hi,

this doesn’w work as should. i would like to have the portrait on the green line (as you can see at the termin-page)

now i can adjust it for one screen size – which doesnt fit for a responsive design. Did you try to change the screensize once?

For page 673 it works like a charm, for 617 it doesnt!

Here is my custom.css:
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.page-id-673 .av_two_fifth {
vertical-align: bottom !important;
}
.page-id-673 .avia-builder-el-no-sibling {
margin-bottom: -50px !important;
}
.page-id-617 .freigestellt_portrait {
vertical-align: bottom !important;
margin-bottom: -50px !important;
}
.freigestellt_portrait {
top: 50px;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

}

Hi,

so call me stupid, i activated now the custom class put the code in the custom.css (because i had the rest of the changes also there) and i would like to have these changes in desktop-sizes only.

therefore i have to have the vertical align: bottom otherwise it changes the image postition with the page size.

long story short, it doesnt work, and i dont know why…

Hi,
we are coming closer :)
i’ve put the code now as follows in the quick css (without 1px border):

.page-id-673 .av_two_fifth {
vertical-align: bottom !important;
}

but what i would like to achieve is the result as you can see in this picture:

therfore i’ve put the code in custom.css in the desktop style section

.page-id-673 .avia-builder-el-no-sibling {
    margin-bottom: -50px;
}

as you can see in the screenshot marked, it gets overruled by shortcode.css (i’ve changed it manually to -50px, so you can see what i would like to achive).

Hi Rikard,

I’ve forgot that there are three images, sorry ;)

br
Claus

i cant provide a link because i use xampp

so please delete the topic!