kyjus25

Go into your admin dashboard and go to settings -> media. Set the width and height to 0 and remove autocropping. You’ll also need to remove your current thumbnails. This should correct your issue if I understand correctly.

Is it possible you’re logged in to the site under the www. version of the site, but the base URL of the website is without the www. ?

Try going to your wp-admin and add/remove the www. and let me know if that fixes the issue

Most likely this is a widget, does it show up under your widget panel inside WordPress?

OH! I forgot it’s an iframe. You can’t edit the CSS inside of an iframe, that’s why it wasn’t applying.

Ok, remove that .rc-anchor-normal .rc-anchor-pt styling, that isn’t going to work. You just need to set your iframe to 100% width. Move that “width:100% !important” in the #comments #submit styling over to your iframe. That will fix your issue (or keep it if you like submit button being 100% width, but I think I had things reversed in my mind, that was a mistake on my part). It should look like this

#comments #submit {
	margin-top: 100px !important;
}

.krown-form iframe {
	margin-left: 0 !important;
	margin-top: 0 !important;
        width: 100% !important;
}

Do you still have the code in there so I can see what’s not being applied? I don’t see the code is even accessing the div.

You can find the element by right-clicking on the privacy and terms div and clicking “inspect element”. It’ll probably say something a little different depending on what browser you’re using. From there you can see what styles are being applied to your .rc-anchor-pt class. Currently only the default styles are being applied to it, the ones you added are not at all.

I took a screenshot so you can see what I’m talking about

Try this

.rc-anchor-normal .rc-anchor-pt {
    position: static !important;
    width: auto !important;
    padding-right: 0 !important;
    margin: 4px 2px !important;
}

I marked them as important to be sure they overrode the recaptcha’s stylesheet that it pulls in, but you may or may not need it.

Hey man, hopefully this helps. Here’s what I’ve found:

Line 1163 of your theme is where the root of your problem is. The line reads:

.post-content blockquote, .post-content iframe, .post-content .mejs-container, .post-content .wp-video {
    width: 1296px !important;
    margin-left: -196px;
}

We only want to grab this specific iframe as to not disturb the styling of the other iframes you may have in your site, so add this code to override this iframe’s CSS:

.krown-form iframe {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

I also noticed your “privacy & terms” text went a little crazy. You should be able to add position relative to your iframe to fix this problem.

Finally, now that we’ve fixed the location of your recaptcha, it seems the submit button is down a little further than it needs to be. Personal preference, but it looks like you’ve added some custom CSS that needs a bit revised.
You originally added 175px of top margin to your submit button, I would only add 100px.

#comments #submit {
	margin-top: 100px !important;
	width: 100% !important;
}

Hopefully this helps at all. You should be able to modify your theme’s CSS to fix these problems, or alternatively add them in WordPress’ new Custom CSS box in the theme appearance menu. Looks like that might have been where you added your stylings for the submit button.

Hope this helps!!!

Line 5483 is where you’re having your issue:

.visible-lg, .visible-md, .visible-sm, .visible-xs {
	display: none!important
}

Remove that and you’ll be good to go! Since the class is part of the Bootstrap library instead of deleting line 5483 I’d probably just recommend removing the class ‘visible-lg’ from your button.

• This reply was modified 7 years, 8 months ago by kyjus25.

Without a link so that I could inspect the element in question I couldn’t tell you exactly what is wrong.

For starters, I would suggest (if it’s being positioned relative or absolutely) making sure the button isn’t being hidden behind another element.

I would also take a look and make sure there aren’t any media queries that hide the element at a certain screen width. Send over a link and I can give you a definite answer and how to correct.

Figured it out. Just didn’t give myself long enough.
For anyone else who finds this, the category is kept in a custom taxonomy term called course_category

print_r( wp_get_post_terms( $post->ID, 'course_category' ));

Thank you for your help, but I realized the original method I was using wasn’t going to work. I was originally setting up that “main category” as its own event, where the “kid classes” page could then pull in all the information from the event, but then I realized that things like the Roster Slider and Calendar listings would still show it as an event. There is a way to make the event private, which I thought would hide the event from all listings except when explicitly accessed via a link, but it seems setting them to private only puts the text “Private: ” before the name in the event listings.

The method I am using is semi-automatic and the client is happy with it. Currently I’m using the Custom Field Suite to enter the information for the category. It seems to do the job

Thank you for your help though, it was awesome to “Meet the Author” ??

In either case, here’s a link to the page of the test-site I’m building, just so you can see.
https://50.116.83.122/stang/kid-classes/

Thanks again! This can probably be closed

• This reply was modified 7 years, 11 months ago by kyjus25.

I can see a max-width:none on line 821, is that what you put in?

CSS “cascades”, which means any styles that apply to an element get overridden by styles applied to it lower on the file. It looks like you didn’t remove the original “max-width: 1260px” which is now on line 825.

Since the .site element it receiving max-width:none on line 821 and max-width:1260px on line 825, it chooses max-width:1260 since it is lower in the file. Hope that makes sense. Your max-width:none isn’t working because it is being overridden.

You need to either remove the “max-width: 1260px;”, you should be able to find/replace it, or you can set your max-width:none to important so it won’t get overridden. To do this, go back to your code and replace “max-width: none;” with “max-width: none !important;”

Cheers!

I think what you are after is described in the documentation:

https://likebtn.com/en/wordpress-like-button-plugin#documentation

There are shortcodes that the plugin provides that will do what you need

Cheers!

The div you are having issue with is your .site

There are 2 solutions, but the problem is on line 821 of the stylesheet.

To make the whole site 100% of the screen, replace the original

.site {
background-color: #fff;
max-width: 1260px;
position: relative;
}

with

.site {
background-color: #fff;
position: relative;
}

(you are removing the set width)

To center the content to make it look better, replace the original style with

.site {
background-color: #fff;
max-width: 1260px;
position: relative;
margin: auto;
}

Thanks!

This code gets it close, but the nav was made WAAAAYYY more complicated than it should be.

ul.art-hmenu ul:before {
border-top: 1px solid transparent !important;
margin-top: -10px !important;
}

Sorry I couldn’t help more. The issue is with all the :before and :after’s.