by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jun 19 20:09
    @krisb1220 banned @Gastony
  • May 14 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 22:38
    @bjorno43 banned @real-action
  • Feb 01 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
LydaTech
@lydatech
@Donnie-D yep
Donnie
@Donnie-D
@lydatech so would you call it a glitch in the matrix as to why the background is taking the whole window space but width is enforced there?
https://jsbin.com/cubokuqoki/edit?html,output
mustimuu
@mustimuu
Hey can someone help me?
i want my section to take 100% of the body
how to do so?
LydaTech
@lydatech
@Donnie-D you mean <meta name="viewport" content="width=device-width">?
Donnie
@Donnie-D
nah sorry i had to copy the link again. please try and click once more. it was showing up blank before :+1:
@lydatech
LydaTech
@lydatech
@Donnie-D thats not standard. Though its showing it isnt correct. Like drinking water from a shoe, you could do it but it isnt supposed to be done
Donnie
@Donnie-D
@lydatech lol yep got it
LydaTech
@lydatech
@mustimuu you have a 50px padding applied
mustimuu
@mustimuu
@lydatech i removed it
@lydatech Still not taking the 100% width
LydaTech
@lydatech
@mustimuu no it hasnt been changed
.elementor-31 .elementor-element.elementor-element-fd1ba23 {
    background-image: url(http://mustidev.beproductive.dk/wp-content/uploads/2018/04/cover-pic-1.png);
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    height: 250px;
    padding-left: 30px;
   width: 100%;
   box-sizing: border-box;
   padding: 50px;
}
mustimuu
@mustimuu
it has
image.png
LydaTech
@lydatech
@mustimuu not on the link you sent
mustimuu
@mustimuu
hmm try again sir.
mustimuu
@mustimuu
Still same ?
LydaTech
@lydatech
yeah you probably didnt push your changes to the server or something
mustimuu
@mustimuu
When i open the file, it hasnt those changed your pointing
LydaTech
@lydatech
@mustimuu look at the path to the css file. You sure youre changing the correct file?
try now
LydaTech
@lydatech
mustimuu
@mustimuu
site not found
xing
@MingXingTeam
My eslint and babel-eslint version is not correct. I had solved it. Thanks....
LydaTech
@lydatech
@mustimuu idk why youre not seeing that... anyway the padding youre getting is from the bootstrap class
col-md-12 content-area
mustimuu
@mustimuu
you right
@lydatech thank you
LydaTech
@lydatech
@mustimuu you might want to add background-size: cover;
Kamal
@kpbro
hello.. i am stuck in portfolio page
here background color in contact section is not covering the entire area
The background color of form is white instead of the color i have set
Gulsvi
@gulsvi

@Donnie-D @lydatech You *can* set the body height - try adding a border and you'll see the height is applied:

body {
  background-color: green;
  border: 1px solid black;
  height: 50px;
}

The issue you're seeing is with the background-color property. When no background-color is specified for the html element, the body background will cover the entire page. To only have your green background apply to a smaller height body, you would need to apply a background to both the html and body elements, like:

html {
  background-color: white;
}
body {
  background-color: green;
  height: 50px;
}
Daniel Simeonov
@dbsimeonov

Guys can you tip me what I'm doing wrong with those css animations? On the page you can see demo as well.

When you click on any of the links(top right corner) it opens something like modal that its pain for me to create a smooth animation? What I'm doing wrong?
https://github.com/dbsimeonov/hennessy

markclynch
@markclynch
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding:0;
  margin:0;
  background-color:rgb(247, 244, 243)
}

/* GLOBAL */
.container {
  width: 80%;
  margin:auto;
  overflow:hidden;
}

/* HEADER */
header {
  background: #431906;
  color: #ffffff;
  padding-top: 30px;
  min-height:70px;
  border-bottom:#337616 8px solid;
}

header a{
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size:16px;
}

header ul {
  margin:0;
  padding:0;
}

header li{
  float:left;
  display: inline;
  padding: 0 20px 0 20px;
}

header #branding {
  float:left;
}

header #branding h1 {
  margin:0;
}
header nav{
  float:right;
  margin-top: 10px;
}

header .highlight, header .current a{
  color: #46C211;
  font-weight: bold;
}

header a:hover{
  color:rgb(49, 53, 124);
  font-weight: bold;
}

/* SHOWCASE */

#showcase {
  min-height:400px;
  background-img: url('./Images/showcase.jpg') no-repeat 0 -400px;
  text-align: center;
  color:#ffffff;
}

#showcase h1{
  margin-top:100px;
  font-size:55px;
  margin-bottom:10px;
}
Can anyone help me figure out why my #showcase image isn't showing at all?
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Fordyce Custom Carpentry</title>
<!--FAVICON CODE-->

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">

<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--END FAVICON CODE-->
<link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <div class="container">
      <div id="branding">
        <h1>Fordyce Custom Carpentry</h1>
      </div>
      <nav>
        <ul>
          <li class="current"><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </div>

  </header>
  <section id="showcase">
    <div class="container">
      <h1>Finish Carpentry at its finest in Santa Barbara</h1>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Temporibus quos quidem excepturi nostrum in, quas dignissimos non numquam a laboriosam!</p>
    </div>
  </section>



  <section id="boxes">
    <div class="container">
      <div class="box">
        <img src="./Images/Entry_Door.jpg" alt="">
        <h3>Custom Entryway</h3>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad, id.</p>
      </div>
      <div class="box">
          <img src="./Images/cabinet.jpg" alt="">
        <h3>Cabinetry</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt, nam!</p>
      </div>
      <div class="box">
          <img src="./Images/Deck.jpg" alt="">
        <h3>Deck and Railing</h3>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum, voluptatum voluptate!</p>
      </div>
    </div>
  </section>
</body>
</html>
Relavent CSS then HTML attached :) Thanks!