Forum Replies Created
-
Posts
-
confirmed it is TinyMCE or wordpress itself causing the issue. it’s just annoying that none of the plugins that claim to fix this infact don’t do anything.
thanks for pointing me in the direction of some other troubleshoot tips
Yes. As I said in my previous answer I used a code block but I would really like to have the ability to use the visual designer to edit anything like image placements.
I have setup a test page with 1/2 sections. The first is the TinyMCE text editor block which I placed the code into the text section and the other section is a code block with the same code.
Both of these links work but as soon as I change the text editor block, it will strip the a href tag out the the top and bottom line. No plugins I have tried worked to fix this.I have enabled debug mode on the site.
You can login and look around yourself. The top image on the page is the linked image with the rollover issue.
ok so just to show that it isn’t just plugin related, I made into a short code you can pop into your functions.php file and you will get the same results I have listed above. I think there is something going on with with the JS in the theme but I’m not sure.
function ideabox() { query_posts(array('orderby' => 'date', 'order' => 'DESC' , 'showposts' => 1)); if (have_posts()) : while (have_posts()) : the_post(); $return_string = '<a href="'.get_permalink().'">'.get_the_post_thumbnail().'</a>'; endwhile; endif; wp_reset_query(); return $return_string; } add_shortcode('ideapost', 'ideabox');I have now tried a brand new website and install of Enfold and now tested with several php plugins that use short code and using a phpwidget.
They are cause the same issue so it’s not isolated to the plugin.Here is the code I’m trying to run and as you can see, there is no extra css.
<div > <div> <div > <?php $archive = new wp_Query(array( 'posts_per_page' => 1)); ?> <?php while ($archive->have_posts() ) : $archive->the_post(); ?> <a href="/contact"> <?php the_post_thumbnail(); ?></a> <?php endwhile; ?> </div> </div> </div>Yes I did all that.
The only issue is I can’t delete the php plugin that is what is calling the page.
there is definately something going on with the Top value being set to something like -212 and something when first hovered over and then gets set properly after the second hover.
Hi Andy,
I have it slightly more narrowed down now. I have a custom bit of setup where a page calls a php script via the PhpCode plugin. That is what is generating the page of squares on http://pclmedia.ca/ideas/ where the issue is present.
I tried with disabling all the plugins except for the phpcode one because I need that to generate the page. I even uploaded a fresh copy of the theme.
I am at a total loss on this now as the plugin itself doesn’t output any CSS.
The site I have listed with credentials in the first post is a development site that you can do any testing needed.
Thank you!Hi Nikko,
Thank you for your assistance. Able to get #2 fixed perfectly.
Regarding number one, it’s a bit tricky at first to see the issue but its very much there and can be seen in both firefox and chrome.
Here are two images.
This images show what happens when the user first hovers over an image. The blue bar at the top of the image. The thing is once the user hovers over it a second time, the issue corrects itself.
http://imgbox.com/viXp87WUThis image shows what happens when I select the SPAN in Firebug before it has a chance to correct itself.
http://imgbox.com/OVYhFf96Again, once the image has been hovered over once, it seems to work which makes troubleshooting this issue hard because I have to constantly reload the page to reset the page. At this page has 7 images to hover over for slightly easer testing.
http://pclmedia.ca/ideas/Thank you!
just to clarify, nothing the Avia Layout Builder or anything added via the normal text editor shows up using the page template. The loop runs but I can’t add anything to that page.
Thank you the for the bit of code and I will implement it right away.
The hover works but it pushes the menu item next to it as it expands due to the extra pixel or two it’s now using. The JS I posted above apparently solves this issue but I have no idea if it works.
When you run the mouse over the whole menu you really notice it.
this is also where I pulled some info from.
http://stackoverflow.com/questions/556153/inline-elements-shifting-when-made-bold-on-hoverI’m wondering if I can just register the open sans font as I normally would with google fonts with this code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
or will that cause a conflict somewhere?Thank you for your reply.
I actually want to change all the weight for the texts used to be 300, not just that inline style. That just happens to be the only text I have on there for now.
I also made sure the text has a 300 setting. It marked as Light on this page.
https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:300,400sure!
The text that reads “What if everyone,everywhere could enjoy good health?” needs to be at a 300 or “Lighter” font weight. Any time I manaual add in the font-weight to that, nothing changes so this is why I am assuming the Open Sans font doesn’t have those weights included by default.
Thanks!
