Jump to content

harry_ord

Members
  • Content count

    111
  • Joined

  • Last visited

Community Reputation

0 Neutral

About harry_ord

  • Rank
    Member

Recent Profile Visitors

4,604 profile views
  1. Hello This is my site: http://negociovirtual.cl/ I'm using the Divi theme and i have a section with a video background. The theme allows me to load a .mp4 and a .webm file, but not a .ogg file (maybe that's the issue?). I can see the video with no problem in Chrome, but in Firefox the video doesn't load and just give a black background. How can i fix this? I read online that you can solve the problem adding this to the .htacess file, but it didn't fix the problem: AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm
  2. input[type="button"] has style on Chrome but not on Firefox

    Ok, so i did another inspection, now on Firefox, i identified the element whose style i wanted to change and it was the class wpcf7-submit. So i added this to my custom css and now it's working: .wpcf7-submit { color: #ffffff !important; background: #014780; border-width: 1px !important; border-color: rgba(93,182,46,0.03); letter-spacing: 0px; font-size: 16px; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important; padding-left: 0.7em; padding-right: 2em; padding: 0.3em 1em !important; display: inline-block; margin: 0 0 0 15px; font-family: inherit; cursor: pointer; float: right; padding: 0.3em 1em; border: 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 20px; font-weight: 500; line-height: 1.7em !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } Moral of the story: always try to do everything yourself. I copied the style from other site made by other person with the same WordPress theme. For being lazy i finished working more.
  3. input[type="button"] has style on Chrome but not on Firefox

    I don't know, i just used the inspect element and copy/paste the code in my theme's custom CSS and replaced the background color for the color i wanted. I deleted the "i"s and the button lost its color. The "i"s are necesary.
  4. Hello, this is my site: https://www.centrovision.com.gt/#contactanos I have a contact form here with a blue submit button. Actually, only if you are using Chrome the button is blue, if you are using Firefox or Internet Explorer, you just get a default no-style html button. Why doesn't Firefox comply with my css?(i don't care about i.e). Here's my css for the button: input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { color: #ffffff !important; background: #014780; border-width: 1px !important; border-color: rgba(93,182,46,0.03); letter-spacing: 0px; font-size: 16px; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important; padding-left: 0.7em; padding-right: 2em; padding: 0.3em 1em !important; display: inline-block; margin: 0 0 0 15px; font-family: inherit; cursor: pointer; float: right; padding: 0.3em 1em; border: 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 20px; font-weight: 500; line-height: 1.7em !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
  5. 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".
  6. Displaying header data on google

    Oh, it could be that. I hope so.(;・∀・)
  7. 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.
  8. 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.
  9. 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?
  10. 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?
  11. 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?
  12. 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.
  13. 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>
  14. 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?
  15. 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/
×