Jump to content


  • Content count

  • Joined

  • Last visited

Everything posted by harry_ord

  1. Displaying header data on google

    Sorry if this isn't the correct board for asking this question. This is my site: http://www.armonisencia.cl/site/ When you search "armonisencia" on Google, it displays the following (you can see it on the attached picture too): "Fatal error: Uncaught Error: Call to undefined function ... www.armonisencia.cl/site/ Traducir esta páginaFatal error: Uncaught Error: Call to undefined function elegant_description() in /home/armonisencia/public_html/site/wp-content/themes/DIVI/header.php:16 Stack trace: #0 /home/armonisencia/public_html/site/wp-includes/template.php(688): require_once() #1 ..." Maybe is some bug in my WordPress or something, but i decided i didn't want to look for the solution and i prefered to do the more simple stuff, i just edited my theme's header.php file and left the head element like this: <head> <title>Armonisencia</title> <meta charset="UTF-8"> <meta name="description" content="Naturaleza que funciona"> <meta name="keywords" content="Productos, Armonisencia"> <?php $template_directory_uri = get_template_directory_uri(); ?> <!--[if lt IE 9]> <script src="<?php echo esc_url( $template_directory_uri . '/js/html5.js"' ); ?>" type="text/javascript"></script> <![endif]--> <script type="text/javascript"> document.documentElement.className = 'js'; </script> <?php wp_head(); ?> </head> I made this change yesterday and today Google is still showing me the same ulgy data. How can i fix it?
  2. Displaying header data on google

    Ok! now is displaying better stuff, but still doesn't show what i specified in the Yoast Plugin. I can't see my "HOLA MUNDO" yet, but at least is better than "FATAL ERROR".
  3. Displaying header data on google

    Oh, it could be that. I hope so.(;・∀・)
  4. Displaying header data on google

    But what do i do now? i don't know how to solve the error, because i left the header how it was, the error will keep appearing.
  5. Displaying header data on google

    I left the header.php file how it was and now i am how i was in the beginning. What do i do now? the source code is showing the information provided in the Yoast SEO plugin, but the Google excerpt is still saying that can find the functions from the theme.
  6. Accordion script doesn't work on mobile

    Problem solved. This is the story: I'm using the page builder that comes with the Divi Wordpress' theme and for being tidy i created every accordion item in a separated "text element" that caused me the trouble. What i did to solve it: I used just 1 text element and i put all the html there and now is working well. So i shouldn't trust those page builders?
  7. Hello This is my page: http://www.armonisencia.cl/site/puntos-de-venta/ In this page i'm using an accordion made in Javascript that i got from here: In desktop mode functions flawlessly, but when i shrink the nav window, some of the accodin headings become unclickable. If i put less items and try again, it works on a small scren, so i believe that the accordions are overlapping each other somehow and that's why maybe this is more a css issue than a Javascript issue so i didn't know where to post this. So, can you help me display this accordion on mobile devices?
  8. 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>
  9. 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.
  10. 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?
  11. 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?
  12. 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/
  13. 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>
  14. CSS accordion

    How can i make the icons appear then? i don't know why they don't appear on my site.
  15. 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?
  16. 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?
  17. 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.
  18. 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.
  19. Weird dots on my page

    Thanks! it's fixed too. I've never understood the pseudo-classes ::before and ::after
  20. 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?
  21. Make inner row full-width

    Thanks! that fixed the problem, now it looks how i want.
  22. 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.
  23. Contact Form submit button positioning

    Here's the solution to my problem. Thanks. #footer-widgets form.wpcf7-form div:nth-child(2){ width: calc(100% - 40px); } #footer-widgets form.wpcf7-form div:nth-child(2) > span{ margin: 0; } #footer-widgets form.wpcf7-form div:nth-child(2) input{ width: 100%; } #footer-widgets form.wpcf7-form div:nth-child(3){ width: 40px; }
  24. Contact Form submit button positioning

    Hello This is my site: http://cvkj.agencialosnavegantes.cl/ I have a contact form at the bottom of the page and i'm trying to put the submit button next to the text box, but i'm struggling a lot. This is my initial css: #enviarbajo { background:url(http://cvkj.agencialosnavegantes.cl/wp-content/uploads/2017/08/paper-plane-2.png) no-repeat; background-color: #564585; width:40px; height:40px; padding:0px 0 4px 0; border:none; text-indent: -1000em; cursor:pointer; border-radius: 0; margin: 5%; position: relative; left: 35%; } Then i tried to position the button using media-queries, but i'm not able to put the button where i want @media (max-width: 768px){ #enviarbajo { position: relative; right: 100px; } } Other media-query below: @media only screen and (max-width: 500px) { #enviarbajo { position: relative; right: 50px; } Is there a more efficient way of doing this?
  25. Fix widget position in WordPress

    This is my site: http://hojalateriaelguante.agencialosnavegantes.cl/ In the footer section i have 4 social network icons with a hover effect. For that effect, i borrowed code from an overlay example in w3schools: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade It looks fine on my desktop screen, but, if i shrink the browser window, all the icons float to the right of the dog's picture, and i can't understand why this does happen. How can i fix them? i want them to stay down, below the dog picture.