Jump to content


  • Content count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About harry_ord

  • Rank

Recent Profile Visitors

3,703 profile views
  1. Accordion effect doesn't work on mobile

    @media (max-width: 600px) { .et_pb_column { float: none; position: relative; background-position: center; background-size: cover; width: 100%; } } It doesn't work.
  2. Hello This is my page: http://www.armonisencia.cl/site/puntos-de-venta/ As you can see, below each "region" you have a gruopu of tabs that when you clik on any of them, they will show you a hidden div. The problem is that when i'm watching the page on my home, only the first tab of each group works and the others don't respond when i push them. What i'm doing wrong? Here's the code: <script> var accItem = document.getElementsByClassName('accordionItem'); var accHD = document.getElementsByClassName('accordionItemHeading'); for (i = 0; i < accHD.length; i++) { accHD[i].addEventListener('click', toggleItem, false); } function toggleItem() { var itemClass = this.parentNode.className; for (i = 0; i < accItem.length; i++) { accItem[i].className = 'accordionItem close'; } if (itemClass == 'accordionItem close') { this.parentNode.className = 'accordionItem open'; } } </script>
  3. Woocommerce product list spacing

    Hello This is my site: http://www.armonisencia.cl/site/ I have a woocommerce product list and after that, i have a really long margin at the bottom. I'm trying to change it with css here: .woocommerce .products ul, .woocommerce ul.products { margin-bottom: 0; padding-bottom: 0; } But this doesn't seem to work, like only kind of works if a shrink my Chrome's window. Any idea how to fix it?
  4. CSS accordion

    with it, i just used Javascript at the end: https://codepen.io/sureshrkm/pen/ZbzBpr Here is implemented at my site (at the bottom): http://www.armonisencia.cl/site/puntos-de-venta/
  5. CSS accordion

    I'm not putting those <br> myself something is generatin them. This is my code: <div class="tab"><input id="tab-one" name="tabs" type="radio"> <label for="tab-one">PROVIDENCIA</label> <div class="tab-content" > <h4 class="subtitulo">Aldea Nativa Tobalaba</h4> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.7643286413904!2d-70.58987878480131!3d-33.429388080780015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf0f3918e921%3A0x8ccee82ada4d5845!2sTobalaba+1799%2C+Providencia%2C+Regi%C3%B3n+Metropolitana!5e0!3m2!1ses!2scl!4v1507233683497" width="550" height="225" frameborder="0" style="border:0" allowfullscreen></iframe> <h4 class="subtitulo">Bow Spa</h4> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.3185957576798!2d-70.61504988518345!3d-33.44100518077667!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf789181ed05%3A0xa9aaf7e364430541!2sAntonio+Varas+1540%2C+Providencia%2C+Regi%C3%B3n+Metropolitana!5e0!3m2!1ses!2scl!4v1507235865077" width="550" height="225" frameborder="0" style="border:0" allowfullscreen></iframe> <h4 class="subtitulo">Mermoz Providencia</h4> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3330.11334590174!2d-70.60863198518412!3d-33.42028918078254!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf69040fa573%3A0x23907b0f170fd4f8!2sAv.+Providencia+2368%2C+Providencia%2C+Regi%C3%B3n+Metropolitana!5e0!3m2!1ses!2scl!4v1507236117341" width="550" height="225" frameborder="0" style="border:0" allowfullscreen></iframe> <h4 class="subtitulo">Dellanatura Mall Vivo Panoramico</h4> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.9918827394267!2d-70.61220768518406!3d-33.423455980781526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9662cf65fc43b5e9%3A0x891eec39c901980b!2sDellanatura!5e0!3m2!1ses!2scl!4v1507236369461" width="550" height="225" frameborder="0" style="border:0" allowfullscreen></iframe> </div> </div>
  6. CSS accordion

    How can i make the icons appear then? i don't know why they don't appear on my site.
  7. CSS accordion

    Hello I want to put an accordion-like menu on my site. Looking on Google i came across this: https://codepen.io/raubaca/pen/PZzpVe So i tried to use it on my site here: http://www.armonisencia.cl/site/puntos-de-venta/ I like how when you put the input type as"select" in the tabs, they toggle open/close when you click them, but if you click another tab when you have one open, the first one keeps open. I wish it closed itself. By the other hand, i you put the input type as "radio" in the tabs, every time you lick on one of them, this opens and the others close. But you can close the open tab clicking it again. I wish i could have both effect in one. How can i do it?
  8. Help styling my blog

    Sorry, other question. It is possible to make it look more like the picture? like it has a yellow square with the day and month over the image. How can i manage that? that's not CSS anymore, right?
  9. Help styling my blog

    I FEEL SO STUPID. I never thought about just putting the margin on the image. I just did that and ta-dan! it's solved.
  10. Help styling my blog

    I tried that, but they don't separate. I tried put a margin-left:50px; to the content, but it doesn't move. Even i tried putting obscene values like margin-left: 600px; and not, it won't move an inch.
  11. Weird dots on my page

    Thanks! it's fixed too. I've never understood the pseudo-classes ::before and ::after
  12. Make inner row full-width

    Thanks! that fixed the problem, now it looks how i want.
  13. Weird dots on my page

    Hello This is my site: http://cvkj.agencialosnavegantes.cl/nosotros/ At the bottom of the page i have a section with a lot of icons with a hover effect that changes the black and white image to another similar but with color (see attached image). I don't know why but, i have some weird dots over each image. What makes it even weirder is the fact that when i shrink the browser's window, these dots dissapear. Why does this happen? how can i get rid of these ugly dots?
  14. Help styling my blog

    Hello This is my site: http://hojalateriaelguante.agencialosnavegantes.cl/ At the end of the page, just before the footer, i have a blog, and i need it to look like the attached picture. By default, the blog element of this theme has the featured image above and the content below, i did an inspection with Chrome and i tried putting a "float:left" to the featured image and kind of worked but, the content and the picture are too close to each other, and i want to separate them, just how they look on the example attached. How can i do this?
  15. Make inner row full-width

    Hello This is my site: http://hojalateriaelguante.agencialosnavegantes.cl/ I need the row with the blue background row ("proporcionamos la mejor soluciĆ³n...") to be full-width like in the attached picture but i don't know how. Extra information: This is a wordpress theme and i'm using a page builder, the div i have to change its width is a row inside a section that has its own image background, so the row is an inner row of this section and that's why i think is not possible for the section with the blue background to use the screen's full width. How can i override that? i don't know how to approach this issue.