divers

Dear @psycholoogmarieke,
Can you copy again the page code to pastebin so we can help you find the problem? after you copy the code to pastebin just copy the url of the pastebin. Here the example : https://pastebin.com/ebZFXbBA.

And can I ask? Is the system status the same as the previous one?
Thank you!

here is the code: https://pastebin.com/A720nxkP

and when is the system code changed? i dont know, just to be sure i will send it again.

THEME INFO

Theme Name : Zeever
Theme Version : 1.1.0 WordPress Environment

Home URL : https://www.psycholoogmarieke.nl/
Site URL : https://www.psycholoogmarieke.nl
Login URL : https://www.psycholoogmarieke.nl/wp-login.php
WP Version : 6.3.1
WP Multisite : -
WP Debug Mode : Disabled
PHP Memory Limit : 256M
WP Memory Limit : 40M
WP Language : nl_NL
WP Upload Directory : ?
Number of Category : 1
Number of Tag : 0 Server Environment

Server Info : Apache
PHP Version : 8.1.23
PHP Post Max Size : 256M
PHP Time Limit : 300
PHP Max Input Vars : 20000
SUHOSIN Installed : -
WP Remote Get : ?
PHP Image library installed : ?
PHP GD library installed : ?
PHP GD WebP supported : ?
PHP fileinfo library installed : ?
CURL Installed : ? Active Plugins

Complianz | GDPR/CCPA Cookie Consent : by Really Simple Plugins - 6.5.3
Google Analytics for WordPress by MonsterInsights : by MonsterInsights - 8.19
Gutenverse : by Jegstudio - 1.8.8
HTTP Headers : by Dimitar Ivanov - 1.19.1
Really Simple SSL : by Really Simple Plugins - 7.0.8
Redirection : by John Godley - 5.3.10
Redis Object Cache : by Till Krüss - 2.4.4
Smash Balloon Instagram Feed : by Smash Balloon - 6.2.1
To Top : by Catch Plugins - 2.5.2
WP 2FA - Two-factor authentication for WordPress : by Melapress - 2.5.0
WP Crontrol : by John Blackbourn & crontributors - 1.15.3
WPForms Lite : by WPForms - 1.8.3.1
WP Mail SMTP : by WP Mail SMTP - 3.9.0
Yoast SEO : by Team Yoast - 21.0

Dear @psycholoogmarieke,
for problem to remove the block safe.
1. First Remove the block that you want to remove
2. Add class and id to column with the 4 picture is add. Example : https://ibb.co/c1Zjdp4
3. Then go to “Dashboard >> Appearance >> Customize”
4. Then go to “Additional CSS” and add :

#guten-psy{
width: 100%
}
.guten-psy{
width: 100%
}

5. The “Publish”

For the problem with the black :
1. Remove “background overlay” hover and normal in the section.
2. Then add “Background color” to the section.

Please let us know if this fix the problem

Thanks

hi, thank you!

1)the black background stays unfortunately. it looks it’s in the background behind the section?

2) Also the images on the homepage are loading later when i go to the homepage, before that I see already the text “over mij”, “over emdr”. How can i upload the images faster?

Hi! @psycholoogmarieke
try this for black background https://drive.google.com/file/d/15Ney77ZZ32oDJlGgkLJ_MkBk2KDt4nhC/view?usp=sharing

For problem no.2 maybe try https://www.ads-software.com/plugins/wp-fastest-cache/
or you can decrease/compress your image file size

many thanks, its all solved now.

last question: on the mobile the website page is broather then the screen on my phone itself: https://photos.google.com/photo/AF1QipMNPxbD4x2137FkRqWTyeWRpgFMi_9ZTlchEYty

Hi @psycholoogmarieke,
Can you upload again the photo? it’s show 404.

Thanks

ah, its a movie in google photos and the link is not to share i guess.

hereby:

https://ibb.co/cyPnRYM
https://ibb.co/JcKFhzH

Hi! @psycholoogmarieke
It’s because you use width 155% on additional css. Change it to 100%.

Yes, i did that because i want it bigger on the desktop. is that possible? so on the phone 100% and on the desktop 155%?

Hi @psycholoogmarieke,

Yes you can do that using media query css.

@media only screen and (min-width: 1024px)?{
? #guten-psy{ width: 155% }
.guten-psy{ width: 155% }
}
#guten-psy{ width: 100% }
.guten-psy{ width: 100% }

This will make when the screen width more than 1024px they will have width 155%. Below 1024px width will get 100%.

thanks! but unfortunately the code is not working?

Hi! @psycholoogmarieke
Try this one.

@media only screen and (max-width: 1024px) {
#guten-psy{ width: 100% }
.guten-psy{ width: 100% }
}
@media only screen and (min-width: 1025px) {
#guten-psy{ width: 155% }
.guten-psy{ width: 155% }
}

It will make the section’s width 100% if the screen less than 1024px and 155% if the screen more than 1025px

hmmm suddenly it looks weird on my website! https://www.psycholoogmarieke.nl/

and also the mobile menu codes are not working anymore:

/** menu achtergrond enkel op mobiel en niet pc**/
@media only screen and (max-width: 1024px) {
.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu {
padding: 10px!important;
}
.guten-nav-menu .gutenverse-menu-wrapper ul, .guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li > a {
line-height: normal!important;
}
}

/** randje om mobiele menu**/
@media only screen and (max-width: 1024px) {
.guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu-container {
border: 1px solid #F4F1EC;
}
}

• This reply was modified 1 year, 2 months ago by psycholoogmarieke.

Hi! @psycholoogmarieke
Can you provide us with all your additional css?
Thanks