Hello and happy Sunday WPMU dev team! Hope that your weekend is fun and not too chilly :slight_smile:
I am using the VC extension from Tekanewa Scripts and am having a bit of trouble with one of the tools. Actually, more than a bit of trouble as I fear I might end up pulling my hair out if I try any more failed CSS attempts.
If you look at this page on their site underneath the heading "How do I actually get the Freebies?" you will see the tool I want to use, in use:
It is the Figure Navigation tool.
The tool is used on the homepage of pennynicholslightingdesigns.com and is at the bottom of the page underneath the heading "Penny's Process."
If you look at the tool on my page vs theirs, you will notice a couple of major differences. The first is that the horizontal line that runs through the icon is not centered on mine. When I hover it, it extends even further out of alignment. I have tried dozens of CSS solutions (and no, I was silly and did not save them all but they involved width, position and other solutions) and the line will not change to look at it does on their site, centered and connected. I have inspected every element within the page on both my and their site and I just can't seem to find the obvious difference in our CSS.
I would like my line to look like theirs, connected and centered both horizontally and vertically.
Second, once you hover the navigation item on their site, the box that becomes "live" and drops down is centered and below the line. As you can see on my site, that box is slightly higher than the line and to the left. I can't help but think that perhaps this is an alignment issue with my theme and not the plugin. Either way, I am not yet sure how to find what to change in order to correct this. I have gotten much better at figuring out my own CSS solutions and feel rather happy about that, but this one has me stuck.
Could you please guide me with some CSS to center that darn line and the "content box" so that my Figure Navigation matches theirs. I know that I don't have the background images that they do and that is fine, I will add those later once everything is aligning.
Thank you so much! I did add some css to move the subtitle due to the fact that it was sitting on top of the icon. That CSS worked out well but as for the rest :disappointed:
I look forward to your answer and will be patiently waiting watching my gmail for it to come in :-p
Again, hope you are enjoying your Sunday!