johannes999

Forum Replies Created

Viewing 15 replies - 1 through 15 (of 300 total)
  • Thread Starter johannes999

    (@johannes999)

    sorry,

    I forgot to answer you . the lietspeed plug in is causing problem.

    I have removed your plug in and I am using now wpform .

    thank any way so you know that is not working with some functions in lietspeed plug in .

    thanks

    Thread Starter johannes999

    (@johannes999)

    thank you ,

    I think I am going to clean all the database on my provider site and reinstall wordpress and theme again.

    I can dowload first the theme through filezilla before I clean database and make copy of every page and try to find out if there wil be any problem.

    thanks again

    Thread Starter johannes999

    (@johannes999)

    thanks,

    it is not commercial theme . I use always underscore_me to build websites .

    I have build this website 1 year ago and now I wanted to change the menu style and I got this problem.

    I have named it garage theme when I downloaded it from underscore_me site 1 year ago .

    it is free theme to build websites from .https://underscores.me/

    Thread Starter johannes999

    (@johannes999)

    I did this:

        <div class="header-section2"> 
                <div class="rotating-container">
            <img id="rotating-image-front" class="rotating-image" src="https://laptopdiscounthub.com/wp-content/uploads/2024/05/hero-image1-e1719849650769.webp" alt="Laptop Deals Front">
            <img id="rotating-image-back" class="rotating-image" src="https://laptopdiscounthub.com/wp-content/uploads/2024/05/hero-image1-e1719849650769.webp" alt="Laptop Deals Back">
        </div> 
            </div>

    and the css:

    .header-section2 {
        display: flex;
        width: 33.333%;
        perspective: 1000px;
        overflow: hidden;
    }

    .rotating-container {
        position: relative;
        width: 100%;
    }

    .rotating-image {
        position: absolute;
        top: 10px;
        left: 0;
        width: 60%;
        transform-origin: center;
      backface-visibility: hidden;           /* Ensure only the front face is visible */
    }

    #rotating-image-front {
    	transform: rotateY(180deg);
        animation: rotate-front 6s linear infinite;
    }

    #rotating-image-back {
        transform: rotateY(360deg);
        animation: rotate-back 6s linear infinite;
    }

    @keyframes rotate-front {
        0% {
            transform: rotateY(0deg);
        }
        50% {
            transform: rotateY(180deg);
        }
        100% {
            transform: rotateY(360deg);
        }
    }

    @keyframes rotate-back {
        0% {
            transform: rotateY(180deg);
        }
        50% {
            transform: rotateY(360deg);
        }
        100% {
            transform: rotateY(540deg); /* 180deg + 360deg */
        }
    }

    it is now much beter,but I couldn’t get it to rotate whole circle.

    if you can see any fault or solution and fix it I wil appreciate otherwise forget it.

    url is : https://laptopdiscounthub.com/

    thanks

    Thread Starter johannes999

    (@johannes999)

    thanks,

    for your advise now I know the problem .

    I wil try it tomorrow .

    Thread Starter johannes999

    (@johannes999)

    thansks ,

    I tried 180 deg and I see the difference.

    I don’t know if you understood me .by me it is turning half circle and then it is turning back infinitly half circle and back , half circle and back .. but I want it to turn only one direction infinitly . just turning all the circle and stay turning in one direction. not back .

    Thread Starter johannes999

    (@johannes999)

    thank you very much,

    I know what to do .

    the problem is solved

    Thread Starter johannes999

    (@johannes999)

    thanks,

    I removed:

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            background-color:#f7f7f7;
            margin: 0;
            padding: 0;
        }      
       
    </style>
</head>

    and the problem is gone .

    but suppose if I want specifiek page like (macbook ) to be width:100% and height:100% to be lightgrey.

    and border with 80% width and 400px height to be white on this specifiek page how I can achieve it . do I have to create custom template and use this template in this specifiek page?

    thank you

    Thread Starter johannes999

    (@johannes999)

    thanks both of you .

    I see the p in inspect elements but in the html code there is no p.

    this is the html code again:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            background-color:#f7f7f7;
            margin: 0;
            padding: 0;
        }      
       
    </style>
</head>
<body>

 <div class="flex-container-macbook-page">
    <div class="section1-macbook-page">
        <div class="left-side-macbook1-page">Some text goes here on the left side.</div>
        <div class="middle-side-macbook1-page">Some text goes here in the middle.</div>
        <div class="right-side-macbook1-page">
<div class="macbook-page-link1"><a href="#">To The Best Offer</a></div>
    </div>  </div>
    <div class="section2-macbook-page">
        <div class="left-side-macbook2-page">Some text goes here on the left side.</div>
        <div class="middle-side-macbook2-page">Some text goes here in the middle.</div>
        <div class="right-side-macbook2-page">
<div class="macbook-page-link2"><a href="#">To The Best Offer</a></div>
</div>  </div>
    <div class="section3-macbook-page">
        <div class="left-side-macbook3-page">Some text goes here on the left side.</div>
        <div class="middle-side-macbook3-page">Some text goes here in the middle.</div>
        <div class="right-side-macbook3-page">
<div class="macbook-page-link3"><a href="#">To The Best Offer</a></div> 
</div>    </div>
</div>

        

</body>
</html>

    and there is no p in css .

    this is css :

    
.flex-container-macbook-page {
          display:flex;
	  flex-direction:column;
	           width: 80%;
            height: 400px; /* Use 100vh for 100% height of the viewport */
            background: #e0fbfc;
            margin-left: 10%;
            margin-right: 10%;
            margin-top: -12rem;
        }

        .section1-macbook-page {
            display: flex;
			width:100%;
            flex-direction: row;
            margin-bottom: 15px;
            margin-top: 2rem;
		   
        }

        .left-side-macbook1-page {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 33.333%;
			margin-left:4%;
           
        }

        .middle-side-macbook1-page {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 33.333%;
		
        }

        .right-side-macbook1-page {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 33.333%;
          margin-right:4%;
           
        }

 .section2-macbook-page {
            display: flex;
            flex-direction: row;
	          width:100%;
             margin-bottom: 15px;
            margin-top: 2rem;
	      
        }

        .left-side-macbook2-page {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 33.333%;
			margin-left:4%;
           
        }

        .middle-side-macbook2-page {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 33.333%;
        }

        .right-side-macbook2-page {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 33.333%;
			margin-right:4%;
          
           
        }

 .section3-macbook-page {
            display: flex;
            flex-direction: row;
	         width:100%;
            margin-bottom: 15px;
            margin-top: 2rem;
	      
        }

        .left-side-macbook3-page {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 33.333%;
			margin-left:4%;
          
        }

        .middle-side-macbook3-page {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 33.333%;
        }

        .right-side-macbook3-page {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 33.333%;
           margin-right:4%;
           
        }

.macbook-page-link1,
.macbook-page-link2,
.macbook-page-link3 {
    border-radius: 15px;
    text-align: center;
    flex-wrap: nowrap;
    padding: 6px 20px; /* Adjusted padding */
    background: #3498db;
    
}

.macbook-page-link1 a,
.macbook-page-link2 a,
.macbook-page-link3 a {
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
}

.macbook-page-link1:hover,
.macbook-page-link2:hover,
.macbook-page-link3:hover {
    background-color: #1d6ea4;
}

    may be be before I used p and after removed it . but it looks that is not removed in inspect elements . I cleaned the cach many times but the p is still in inspect elements how I can solve this problem if it is possible.

    thank you

    Thread Starter johannes999

    (@johannes999)

    thank you,

    the update of smart slider3 plug in solved the problem

    Thread Starter johannes999

    (@johannes999)

    thanks,

    I wrote from help centrum I think I made a ticket it was about few weeks ago for my other website where the problem suddenly solved .

    now I enabled automatic update and I have to wait 1 hour to update my plug in . if the problem solved I let you know.

    thanks again

    Thread Starter johannes999

    (@johannes999)

    thanks

    Thread Starter johannes999

    (@johannes999)

    thank you very much for usefull information.

    Thread Starter johannes999

    (@johannes999)

    thank you ,

    I saw your answer. I wil try your advice tomorrow.

    thanks again

    Thread Starter johannes999

    (@johannes999)

    thanks,

    I just saw your reply I didn’t get any message in my box .

    I did what you told me.

    thanks

Viewing 15 replies - 1 through 15 (of 300 total)