wittyoctopus

I actually figured out a decent workaround by combining the WP Twitter plugin with the Widgets on Pages plugin. It also allowed me to get the social icon “share this” stuff on my pages pretty easily. I did have to fidget around with the css a tad to get it to look the way I wanted it, but that wasn’t too hard.

An update. Apparently my website is getting the tweets, however, they are appearing about 35 minutes after they are posted. I have a feeling this is related to how often the plugin is communicating with the Twitter API, or something like that, is there any way to decrease the time between the posting of a tweet and it appearing on my site?

You are right, the only difference is that the object I needed to refer to was .custom-footer instead of .footer as I’ve hidden the official footer and I’m using a plugin for that. The “div” in my code above is unnecessary. Thank you as always for the advice. As I have absolutely zero coding experience I have absolutely no clue what is kosher amongst professionals.

Solved it! Sorry if this was too obvious. Code is:

div.custom-footer {
padding-top: 75px;
}

Ok, I input the following code into the custom style.css:

@media (max-width: 1024px) {
.widget-front.hover .round-div,
article.hover .round-div {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
}

The 1024px, refers to basically any iPad/iPhone out there; however, I can’t speak to android etc. The frustrating thing is that it also shuts down the circle zoom for websites on desktops and laptops once the window is resized below the 1024px point, and on top of that the circle(s) still disappears on average about one out of every three “clicks”.

Yah that menu flickering has been driving me crazy as well. Thus far my “professional solution for that has been to squint my eyes and pretend it doesn’t happen. And thanks for the continued support.

I like the idea of diss baling the zoom on hover feature. You wouldn’t happen to know where that code is located off the top of your head? Looks like I have another date with firebug. Would it be mobile specific code or merely pointing to the width of the page? Thanks

Brilliant, works as advertised, thanks! Y’all have made this theme and learning how to work around in CSS much more manageable. I have never experienced such great community support before.

@electricfeet, thanks worked like a charm, everything seems to be resizing correctly now. Thanks for pointing an absolute noob in the right direction.

While it is undeniable that I am most likely going about this all sorts of wrong, I attempted to input the following code into my Child Theme; however, it did not change the situation. It seems that no matter what I tried once I input the first line it overrode anything that followed.

.round-div {
  border: 104px solid white;
}

@media (max-width: 976px)
.round-div {
    border: 94px solid white;
}

As I am completely new at this I’m pretty sure I am doing something wrong, or missing some vital code language. It may be important to note that in the original code the “@media (max-width: 976px)” appears about 40 or so lines above the “.round-div {border: 94px solid #E0FFC1;}” I also tried the above in multiple combinations, but whichever .round-div I put in first took precedence.

Also scouring through the code there are multiple references to .round-div and border, I don’t know if I should be trying to change them all or just those two. In inspector those were the only two that came up as impacting the look of that one section of the site. Then again I would not be shocked to learn I’m missing something here.

Thanks again for all the help.

Thanks for the blazingly fast response. Worked like a charm. Odd that it was in the original code and didn’t seem to have the same effect. Thanks again.

Thanks for all the help. You guys are great!

@crezzysue, running MAMP I had absolutely zero issue just creating a new folder and putting the style.css in there. WordPress dashboard recognized it immediately.

@edwardslabs, thanks for the response. I did have my child in the correct folder, but something in your response caused a lightbulb to go off. As an idiot the folder holding the child theme was “Customizr Child”, and I’m pretty sure the space in the folder name was throwing a wrench in the works. Once I renamed the child “customizer-child” everything fell into place and I was able to make changes. Thanks.