• Resolved johannes999

    (@johannes999)


    hello,

    I have this problem after installing polylang and changing webdeisgn-section-right-side label to webdesign-section-right-side h3

    .webdesign-section-right-side h3 {
    margin-top:-7.5rem;

    }

    I am trying to get it up. I have changed to id the problem is gone. but when I change it to class it is not working . but if I do margin-top to 5rem there is no problem only in negatief

    this is hapenning in media query.

    @media (min-width: 1081px) and (max-width: 1280.09px) 
    and in media query:
    
    @media (min-width: 1281px) and (max-width: 1560.09px) 	

    under 1081 on mobile there is no problem at all.

    how this problem come? how I can fix it?

    I have removed polylang plug in and disabled lierspeed but the problem is not solved.

    I have also run database repair it didn’t help.

    it is only (-margin) not recognizing

    thanks

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • webdesign-section-right-side has no h3 but a label.

    .webdesign-section-right-side label { margin-top: -7.5rem; }
    Thread Starter johannes999

    (@johannes999)

    thanks,

    sorry I just saw your message.

    I know I have changed to see if the problem exists . it didn’t help.

    I have cleaned all the database and made clean installation but the problem is the same . this website was working very wel 1 month long until I installed polylan plug in . I don’t know if that made problem.

    the problem is the same I changed class name it didn’t help either.

    I have set now to original to let you see:

    .webdesign-section-right-side h3 {
         font-size: 18px;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif;    
         margin-top: -8rem; 
      }
    
    

    now it is the original .

    I am going to be crazy I don’t see any clue in inspect element . I have changed under about 1000 px resolution everything that is margin-top from pixels to rem but it didn’t help .

    I don’t know if you can see any clue . yesterday I had changed it from class to ID it worked but today either ID it is not working .

    thank you very much

    Now it can’t work at all because you wrote the HTML code incorrectly. Web design expertise: Jouw Verhaal Visueel Verteld

    <h3">Webdesign Expertise: Jouw Verhaal Visueel Verteld</h3>

    I think you should see this ??

    If you then

    .webdesign-section-right-side h3 { margin-top: -7.5em }

    it should work.

    Thread Starter johannes999

    (@johannes999)

    thanks,

    I have changed to :

    <section id="webdesign">
    <div class="webdesign-section-left-side"><img src="https://webdesignmaster.info/wp-content/uploads/2023/09/webdesign-section-image-1.webp" width="1080" height="550" alt="Website bouwen in Rotterdam"></div>
    <div class="webdesign-section-right-side">
    <h3>Jouw Verhaal Visueel Verteld</h3>
    </div>
    </section>

    but it didn’t help . if you see any wrong can you correct to me with example.

    if you go to my website you see that the section potfolio and the section onepager using the same h3 code and there is no problem. only on webdesign section.

    if you see any wrong please correct to me with example then I undesrtand what do you mean exactly?

    thanks again

    HTML code is now correct. But I don’t see any CSS code that you have added in this regard. The CSS code I mentioned above would work.

    Thread Starter johannes999

    (@johannes999)

    it was there but to be sure I have paste your code which is the same my code but it didn’t help.

    if you see any clue let me know .

    you have to know also on mobile resolutions I am using margin-top with positief numbers. but on larger screens I am usin negatief numbers .to make things work correctly.

    thanks

    Where do you insert the CSS code? In the Customizer under Additional CSS?

    Thread Starter johannes999

    (@johannes999)

    under additional css . I named it css1

    wp_enqueue_style( 'webdesign-style', get_stylesheet_uri(), array(), _S_VERSION );
    	wp_enqueue_style( 'webdesigner-style1', get_template_directory_uri() . '/style1.css' );

    I do always in this way and never had a problem

    thank you

    None of the files are currently included in the frontend. Check exactly where and how you execute the code. If necessary, also debug with var_dump and/or echo & exit.

    Thread Starter johannes999

    (@johannes999)

    thanks ,

    now is too late I let you know tommorow

    thank you very much

    Thread Starter johannes999

    (@johannes999)

    I have cut and paste all the code from:

    @media (min-width: 1281px) and (max-width: 1560.09px) { }	

    but the problem is the same . I have onother hosting provider I wil upload this theme to this provider and see if the problem is the same .

    myself I think this provider database is not working correctly.

    thank you

    Editing the CSS file itself does not solve the problem if it is not included. The problem has nothing to do with the database or the hosting but, as already written, with the way you want to integrate the CSS files.

    Thread Starter johannes999

    (@johannes999)

    I have solved the problem liket this :

      .webdesign-section-right-side {
        width: 45%;
    	 max-width:702px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left:2%;
    	margin-top:-11.75rem;
      
      }

    I removed h3 and it worked.

    but I wonder why h3 could not be recognized in this section while in other sections h3 was not a problem.

    thank you very much MR.Thready for your responses.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘margin top – 7.5 rem is not working?’ is closed to new replies.