johnhey 0 Denunciar post Postado Maio 29, 2019 Boa pessoal, preciso de vossa ajuda, fiz um download de um template gratuito. e fiz todas as alterações necessárias e ficou do jeito que queria. Mas tenho um problema toda vez que diminuo o monitor, por exemplo em um celular os link com HREF deixam de funcionar e não sei onde e nem como resolver. o que posso fazer? Compartilhar este post Link para o post Compartilhar em outros sites
ShadowDLL 2 Denunciar post Postado Maio 29, 2019 Favor, postar os códigos quem compõe o template. Compartilhar este post Link para o post Compartilhar em outros sites
johnhey 0 Denunciar post Postado Maio 29, 2019 <!DOCTYPE html> <html lang="en"> <head> <!-- metas --> <?php include 'metas.php'; ?> </head> <body> <header class="site-header"> <div class="top"> <div class="container"> <div class="row"> <div class="col-sm-6"> <p>Um novo conceito de fazer funerais em Portugal</p> </div> <div class="col-sm-6"> <ul class="list-inline pull-right"> <li><a href="https://pt-pt.facebook.com/Agenciafunerariahugocardoso/" target="_blank"><i class="fab fa-facebook-square"></i></a></li> <li><a href="contacto.php"><i class="fas fa-envelope"></i></a></li> <li><a href="tel:+351 913 235 446"><i class="fa fa-phone"></i> +351 913 235 446</a></li> </ul> </div> </div> </div> </div> <nav class="navbar navbar-default"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse"> <span class="sr-only">Toggle Navigation</span> <i class="fa fa-bars"></i> </button> <a href="index.php" class="navbar-brand"> <h1 class="logo">Hugo Cardoso Agência Funerária</h1> </a> <!--menu--> <?php include 'menu.php'; ?> </div> </nav> </header> <main class="site-main"> <section class="hero_area"> <div class="hero_content"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h1>INOVAÇÃO</h1> <h2>"...Um novo conceito de fazer funerais em Portugal, com respeito, honestidade e seriedade, levando até si o conforto para que possa despedir daqueles que amamos...</h2> </div> </div> </div> </div> </section> <section class="boxes_area"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="box"> <h3>Nossos Serviços</h3> <p>O desaparecimento de uma pessoa que nos é próxima, é sempre um acontecimento que todos temos dificuldade em superar, e nesses momentos, torna-se necessário contar com profissionais dedicados que nos possam ajudar, esses são apenas alguns de nossos serviços, que prestamos para o melhor servir.</p> <i><img src="img/capelas.jpg" width="90px" alt="Loja em Camarate"></i> </div> </div> <div class="col-sm-4"> <div class="box"> <h3>Showroom</h3> <p>A Hugo Cardoso conta com um showroom e uma diversidade de urnas e pessoal especializado em resolver toda parte burocrática amenizando esse ato doloroso.</p> <i><img src="img/showroom.jpg" width="90px" alt="Loja em Camarate"></i></i> </div> </div> <div class="col-sm-4"> <div class="box"> <h3>Serviços Internacionais</h3> <p>Nosso departamento de Serviço Internacional dedicado em Repatriamento para toda a Europa e resto do mundo, conta com uma diversidade de rede de representantes internacionais, que nos permite com profissionalismo e qualidade atender todas as necessidades.</p> <i><img src="img/servico.jpg" width="90px" alt="Serviços Internacionais"></i> </div> </div> </div> </div> </section> <section class="services"> <h2 class="section-title">NOSSOS SERVIÇOS</h2> <p class="desc">Melhor qualidade e perfeito para amenizar a vossa dor</p> <div id="Servicos" class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-church"></i> </div> <div class="media-body"> <h4 class="media-heading">Funerias</h4> <p>Funeral é uma cerimônia, religiosa ou não, tradicionalmente adotada para despedida de um ente querido.<br> Embora doloroso, não pode ter na dor sua principal razão de ser. O Funeral traz consigo a semente do recomeçar, por mais penoso que seja, é o momento único e apropriado para encararmos a partida deste ente que tanto amamos.<br> </p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-cross"></i> </div> <div class="media-body"> <h4 class="media-heading">Exumações</h4> <p>Terminado o período legal de inumação em sepultura temporária (nunca inferior a 3 anos ou a 5 no caso concreto nos cemitérios da cidade de Lisboa), procede-se assim e caso a família manifeste essa vontade ao levantamento das ossadas, a esse procedimento damos o nome de Exumação.<br> Caso não seja possível efectuar a exumação, a mesmo deverá aguardar por mais 2 anos para uma nova tentativa.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-plane-departure"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviços Internacionais</h4> <p>Nosso departamento de Serviço Internacional dedicado em Repatriamento para toda a Europa e resto do mundo, conta com uma diversidade de rede de representantes internacionais, que nos permite com profissionalismo e qualidade atender todas as necessidades.<br> Fazendo os contactos directamente com embaixada, consulado e representante no pais de destino.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-truck-moving"></i> </div> <div class="media-body"> <h4 class="media-heading">Trasladações</h4> <p>Poderá se efectuar a trasladação de cadáver, ossada e cinzas.<br> A trasladação de cadáver para o exterior deverá ser em urna de zinco.<br> Poderá efectuar a trasladação de cadáver ou ossadas que tenham sido inumados anteriormente em caixão de chumbo.<br> A trasladação de ossadas só poderá ser realizada através de uma Agência Funerária.<br> Também é permitido trasladar cinzas de um cemitério para outro, desde que o cliente possua um jazigo particular ou columbário.<br> Toda as trasladações deverá ser acompanhada pela documentação necessária.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fab fa-pagelines"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviços de Florista</h4> <p>Mais que uma forma de homenagiar, uma demonstração de carinho.<br> Com uma variedade de flores e cores, cada uma com seu significado próprio. <br> Além dos vários tipo de significados de cada flor, é possível diversifica-las, para que a coroa ou palma fique ainda mais bela e transmita a homenagem de forma clara.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-syringe"></i> </div> <div class="media-body"> <h4 class="media-heading">Tanatopraxia/tanatoestética</h4> <p>Tanatopraxia é o procedimento que consiste na preparação de um cadáver para o velório ou funeral, assim o corpo não sofrerá, pelo tempo solicitado pelos familiares, a decomposição natural. </p> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="media"> <div class="media-left media-middle"> <i class="fas fa-address-card"></i> </div> <div class="media-body"> <h4 class="media-heading">Serviço de Canteiro</h4> <p>Para a comodidade de nossos cliente, disponibilizamos-nos de colaboradores especializado na construção de sepulturas e/ou jazigos.</p> </div> </div> </div> </div> </div> </section> <section class="home-area"> <div class="home_content"> <div class="container"> <div class="row"> <div class="col-sm-12"><h2 class="sub_title">VEJA TAMBÉM</h2></div> <div class="home_list"> <ul> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/catalogo.jpg" alt="Post"> <div class="caption"> <!-- O ERRO ESTA NESSE DOIS HREF ABAIXO ATÉ O INSTALAÇOES --> <h3><a href="florista.php">Lounge Flowers</a></h3> <p>Conheça o nosso serviço de florista que temos a sua disposição</p> <a href="florista.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/carros.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="frota.php">Frota</a></h3> <p>Possuimos uma frota de carros modernos para o seu maior conforto</p> <a href="frota.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/showroom1.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="showroom.php">Showroom</a></h3> <p>Temos um showroom onde poderá ter a noção do que esta a escolher.</p> <a href="showroom.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> <li class="col-md-3 col-sm-6 col-xs-12"> <div class="thumbnail"> <img src="img/loja.jpg" class="img-responsive" alt="Post"> <div class="caption"> <h3><a href="instalacoes.php">Instalações</a></h3> <p>Conheça as nossas instalações para o melhor servir.</p> <a href="instalacoes.php" class="btn btn-link" role="button">Mais</a> </div> </div> </li> </ul> </div> <div class="col-sm-12 home_bottom"> <h2 class="sub_title">LINK UTEIS</h2> <div class="clearfix"></div> <div class="row"> <div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="6000" id="myCarousel"> <div class="carousel-inner"> <div class="item active"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://jf-camarate-unhos-apelacao.pt/"><img src="img/miniatura/jfcamarate.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.cm-lisboa.pt"><img src="img/miniatura/cml.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.inmlcf.mj.pt/"><img src="img/miniatura/inml.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.irn.mj.pt/IRN/sections/inicio"><img src="img/miniatura/irn.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.psp.pt"><img src="img/miniatura/psp.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.seg-social.pt/inicio"><img src="img/miniatura/seguranca_social.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="http://www.cga.pt/cgaInicio.asp"><img src="img/miniatura/cga.png" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.recenseamento.mai.gov.pt/"><img src="img/miniatura/dgai.jpg" class="img-responsive" alt="Reference"></a> </div> </div> <div class="item"> <div class="col-md-2 col-sm-6 col-xs-12"> <a href="https://www.anel.pt/"><img src="img/miniatura/anel.png" class="img-responsive" alt="Reference"></a> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a> </div> </div> </div> </div> </div> </div> </section> </main> <!-- Rodape --> <?php include 'rodape.php'; ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> $('.carousel[data-type="multi"] .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); for (var i=0;i<4;i++) { next=next.next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); } }); </script> </body> </html> CSS /* Base */ * { outline:none; } html, body { height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.6; color: #8c8c8c; background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } a { color: #404040; } a:hover { color: #404040; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; } a.none:hover { text-decoration: none; } /* Header */ .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:350px; height: 150px; } .top { background: linear-gradient(to right, #efefef, #4169E1); padding: 5px 0; color: #fff; } .top p { margin: 0; } .top ul { margin: 0; padding: 0; } .top li i { color: #fff; } .top li a { color: #fff; } .top li a:hover { text-decoration: none; } .top li a:hover,.top li a:hover i { color: #005FA6; transition-property: all; transition-duration: 0.3s; transition-timing-function: linear; } /* Menu */ .navbar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 0; } .navbar .container { position: relative; } .navbar-default { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 100%; border: none; border-bottom: 1px solid #e7e7e7; background-color: #fff; } .navbar-default .navbar-nav > li > a { color: #404040; font-weight: normal; font-size: 13px; } .navbar-default .navbar-nav > li > a:hover { background-color: transparent; color: #005FA6; } .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #005FA6; } .navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus { color: #005FA6; background-color: transparent; } .navbar-default .navbar-toggle { margin: 10px 0 0 15px; } .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { border: none; background: #f3f3f3; } .navbar-default .navbar-toggle i { font-size: 31px; } .navbar-default .navbar-collapse { float: right; border-top: none; padding-left: 0; padding-right: 0; } .navbar-brand>img { padding: 5px; } @media screen and (max-width: 768px) { .navbar-default .navbar-collapse { padding-left: inherit; padding-right: inherit; } } @media screen and (max-width: 992px) { .navbar-default .navbar-collapse { width: 100%; margin-left: 0; margin-right: 0; max-height: none;} } } @media (min-width:768px) { .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand { margin-left: 0; } } .main-navbar-nav { -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .main-navbar-nav > li > a { padding-top: 30px; padding-bottom: 30px; line-height: 1; } .main-navbar-nav li > .dropdown-menu { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; min-width: 225px; border: none; border-top: 2px solid #005FA6; } .main-navbar-nav li > .dropdown-menu > li > a { padding: 10px; position: relative; color: #404040; line-height: 1.12857143; font-size: 12px; } .main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus { color: #005FA6; background-color: transparent; } .main-navbar-nav li > .dropdown-menu > li > a i { position: absolute; right: 20px; top: 50%; margin-top: -8px; font-size: 16px; } @media screen and (min-width: 993px) { .main-navbar-nav .dropdown:hover > .dropdown-menu { display: block; } .main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu { left: 225px;top: 0; margin-top: -2px; } } @media screen and (max-width: 992px) { .main-navbar-nav > li { border-bottom: 1px solid #f3f3f3; } .main-navbar-nav > li:last-child { border-bottom: none; } .main-navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; } } .navbar-brand { height: auto; padding: 0; } @media screen and (max-width: 992px) { .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none !important; } .main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li { float: none !important; } .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } } /* Hero */ .hero_area { background-image: url(img/hero.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 475px; padding: 0; } .hero_content { padding: 80px 0; } .hero_content h1 { text-shadow: 1px 1px 2px rgba(0,0,0,0.75); color: #005FA6; font-weight: 700; font-size: 42px; } .hero_content h2 { text-shadow: 1px 1px 2px rgba(0,0,0,0.25); color: #000; font-weight: 700; font-size: 32px; margin-top: 0; width: 55%; line-height: 38px; text-align:center; } /* Boxes */ .boxes_area { padding-top: 40px; padding-bottom: 10px; padding-left: 0; padding-right: 0; background-color: #f8f8f8; } .box { position: relative; } .box h3 { position: relative; margin-bottom: 20px; padding-bottom: 20px; } @media (min-width:769px) { .boxes_area div[class*="col-"]:after { content: " "; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ebebeb; } .boxes_area div[class*="col-"]:last-child:after { display: none; } } /* Home */ .home_content h2:after,.box h3:after { content: ''; position: absolute; width: 30px; background-color: #005FA6; height: 2px; left: 0; bottom: 0; } .box i { position: absolute; right: 0; top: 0; margin: 0; color: #005FA6; font-size: 45px; } .boxes_area h3 { font-size: 16px; font-weight: 500; margin-top: 0; margin-bottom: 18px; } .boxes_area .box p{ text-align: justify; padding-top:5%; } .services { padding-top: 50px; padding-bottom: 50px; } h2.section-title { text-align: center; color: #404040; } .services p.desc { text-align: center; font-size: 13px; margin-bottom: 20px; } .services .media { margin-top: 30px; } .services .media i { font-size: 45px; color: #005FA6; } .services .media h4 { font-size: 15px; font-weight: 600; color: #404040; } .services .media p { text-align: justify; } /* Veja Também */ .home-area { padding-bottom: 50px; } .home_content h2 { position: relative; font-size: 17px; font-weight: 600; padding-bottom: 20px; color: #404040; margin-bottom: 30px; } .home_list ul { margin: 0; padding: 0; float: left; width: 100%; } .home_list ul li { list-style: none; } .home_list .thumbnail { border: none; padding: 0; } .thumbnail .caption { padding: 9px; color: #404040; padding-left: 0; padding-right: 0; } .home_list h3 { font-size: 16px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; color: #404040; } .home_list p { color:#8c8c8c; } .home_list a.btn { font-size: 13px; padding: 0; color: #005FA6; } .home_bottom .row { margin-left: -5px; margin-right: -5px; } .home_bottom div[class*="col-"] { padding-right: 5px; padding-left: 5px; position: relative; } /* Referencias */ .carousel-control{ width: 4%; } .carousel-control.left,.carousel-control.right { margin-left:0; background-image:none; } @media (max-width: 767px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .active > div { display:none; } .active > div:first-child { display:block; } } @media (min-width: 767px) and (max-width: 992px ) { .carousel-inner .active.left { left: -50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .active > div { display:none; } .active > div:first-child { display:block; } .active > div:first-child + div { display:block; } } @media (min-width: 992px ) { .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } } /* Rodape */ footer.site-footer { background: #e6e6e6; padding: 20px 0 0; float: left; width: 100%; } footer.site-footer h4 { font-size: 17px; font-weight: 500; } footer.site-footer ul { padding-left: 0; margin-bottom: 20px; list-style: none; } footer.site-footer ul a { color: #666; font-size: 13px; } footer.site-footer p { font-size: 13px; } footer.site-footer p a { color: #666; } p.text { color: #666; } #copyright { background: #404040; color: #ccc; padding: 15px 0; font-size: 12px; margin-top: 20px; } #copyright p{ margin: 0; float: left; font-size: 12px; text-align: center; } .site-footer li a:hover { color:#005FA6; } ul.big li { float: left; width: 49%; } ul.big li:nth-child(2n) { margin-left: 2%; } @media (max-width:462px) { .fbox:last-child { margin-top: 20px; float: left; width: 100%; } } /* Maillist */ .login-form-1 { max-width: 300px; border-radius: 5px; display: inline-block; } .main-login-form { position: relative; } .login-form-1 .form-control { border: 0; box-shadow: 0 0 0; border-radius: 0; background: transparent; color: #555555; padding: 7px 0; font-weight: bold; height:auto; } .login-form-1 .form-control::-webkit-input-placeholder { color: #999999; } .login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder { color: #999999; } .login-form-1 .form-group { margin-bottom: 0; border-bottom: 2px solid #fff; padding-right: 20px; position: relative; } .login-form-1 .form-group:last-child { border-bottom: 0; } .login-group { background: #efefef; color: #999999; border-radius: 8px; padding: 10px 20px; } .login-group-checkbox { padding: 5px 0; } .login-form-1 .login-button { position: absolute; right: -25px; top: 50%; background: #ffffff; color: #999999; padding: 11px 0; width: 50px; height: 50px; margin-top: -25px; border: 5px solid #efefef; border-radius: 50%; transition: all ease-in-out 500ms; } .login-form-1 .login-button:hover { color: #555555; transform: rotate(450deg); } .login-form-1 .login-button.clicked { color: #555555; } .login-form-1 .login-button.clicked:hover { transform: none; } .login-form-1 .login-button.clicked.success { color: #2ecc71; } .login-form-1 .login-button.clicked.error { color: #e74c3c; } /* Breadcrumb */ .bread_area { border-bottom: 1px solid #e7e7e7; padding: 10px 0; margin-bottom: 40px; } .breadcrumb { margin: 0; background: #fff; padding: 0; } /* Page */ .page-main { float: left; width: 100%; background-color: #fff; margin-bottom: 30px; line-height: 3.0em; text-align: justify; } .contact{ line-height: 2.0em; } /* Entry (Contacto) */ .entry{ padding: 5%; } /* Category - Florista - frota */ .category-main { float: left; width: 100%; background-color: #fff; margin-bottom: 30px; } .category-content h3 { font-size: 19px; margin-bottom: 20px; } .category-main .media { margin-top: 30px; } .category-main .media:first-child{ margin-top: 0; } .category-main ul li { list-style: none; position: relative; } .category-main .media-left { padding-right: 20px; } .category-main .meta { position: absolute; bottom: 0; border-bottom: 2px solid #e7e7e7; width: 71%; min-height: 30px; line-height: 24px; padding-bottom: 3px; } .category-main .category-meta { width: 67%; } .category-main .meta .arc-comment { float: left; margin-right: 5px; border-right: 2px solid #e7e7e7; padding-right: 7px; } .category-main .meta .arc-comment a, .archive ul.arc-share li a { color: #333; font-size: 15px; } .category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover { text-decoration: none; color: #ff1515; } .category-main .meta .arc-date { float: right; font-size: 15px; color: #333; } .category-main ul.arc-share { float: left; margin: 0; padding: 0; margin-right: 5px; } .category-main ul.arc-share li{ float: left; list-style: none; margin-left: 10px; } .category-main .archive-cat a { color: #ff1515; } .category-main .archive-cat a:hover { color: #333; text-decoration: none; } /* Form Contact */ .page-main .tipo_contacto{ text-align:center; } .page-main form p{ line-height:2.0em; } .page-main form input[type="text"], form input[type="email"], form input[type="url"]{ padding: 0; width:100%; height: 30px; } .page-main form textarea{ width:100%; height: 200px; } /* showroom */ .category-main ul ul{ display: none; } /* Sidebar */ .widget h4,h2.page-title, h2.category-title { position: relative; margin-top: 0; padding-bottom: 20px; margin-bottom: 20px; font-size: 17px; font-weight: 700; color: #404040; width: 100%; } .widget h4 { font-size: 15px; margin-left: 15px; } .widget h4:after,h2.page-title:after, h2.category-title:after { content: ''; position: absolute; width: 30px; background-color: #005FA6; height: 2px; left: 0; bottom: 0; } .widget { margin-bottom: 30px; } .sidebar ul { padding-left: 15px; padding-right: 15px; margin: 0; } .sidebar ul li { list-style: none; } .sidebar ul li a { padding: 3px 15px; display: block; margin-left: -15px; margin-right: -15px; color: #404040; } .sidebar li.current a { background-color: #005FA6; margin-left: -15px; margin-right: -15px; color: #FFFFFF; } .sidebar ul li a:hover { background-color: #005FA6; color: #FFFFFF; text-decoration: none; transition-property: all; transition-duration: 0.2s; transition-timing-function: linear; } /* Responsive */ @media screen and (max-width:462px) { .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:250px; height: 100px; } .top { text-align: center; } .top ul.list-inline{ float: none !important; text-align: center; } .hero_content { padding: 80px 0; } .hero_content h1 { font-size: 32px; } .hero_content h2 { width: 90%; font-size: 21px; } /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/ .boxes_area .box p { margin-bottom: 30px; } .services .media .media-left { padding-right: 15px; } .category-content .media-body { float: left; position: relative; width: 100%; } .category-content .media-body h3 { margin-top: 20px; } .category-main .meta { position: relative; width: 100%; } .category-main .meta .pull-left { margin-left: 40px; } .category-main .meta .pull-right { display: none; } .sidebar { margin-top: 40px; } } @media (min-width:463px) and (max-width:768px) { .hero_content { padding: 60px 0; } .hero_content h1 { font-size: 25px; } .hero_content h2 { padding-top: 2%; width: 55%; font-size: 20px; } .logo{ background-image: url(img/logotipo.png); background-size: contain; background-position:center center; background-repeat: no-repeat; font-size:0; width:250px; height: 100px; } .fbox { float: left; } .fbox:nth-child(3) { float: right !important; } } Compartilhar este post Link para o post Compartilhar em outros sites
ShadowDLL 2 Denunciar post Postado Maio 29, 2019 1º O'que está ocorrendo é que uma "camada" no CSS está sobrepondo a outra. Sendo assim, para solucionar o mesmo, adicione o código abaixo em sua folha de estilo: CSS .home_list { position: relative; z-index: 1; } Caso queira saber o'que está causando o problema, segue código: CSS .home_content h2 { position: relative; /* "Causador" do erro... */ font-size: 17px; font-weight: 600; padding-bottom: 20px; color: #404040; margin-bottom: 30px; } 2º Outro ponto que percebi é que você fechou uma tag html 2 vezes... Caso queira arrumar o mesmo, segue código: HTML <div class="col-sm-4"> <div class="box"> <h3>Showroom</h3> <p>A Hugo Cardoso conta com um showroom e uma diversidade de urnas e pessoal especializado em resolver toda parte burocrática amenizando esse ato doloroso.</p> <i><img src="img/showroom.jpg" width="90px" alt="Loja em Camarate"></i></i> </div> </div> Compartilhar este post Link para o post Compartilhar em outros sites
johnhey 0 Denunciar post Postado Maio 29, 2019 Obrigado, funcionou. Compartilhar este post Link para o post Compartilhar em outros sites
ShadowDLL 2 Denunciar post Postado Maio 29, 2019 Disponível ;) Compartilhar este post Link para o post Compartilhar em outros sites
