Dion

OK thanks John! I’ll look out for it!

Hi John,

Thanks for your response, sorry I didn’t get back to you before. I know basically nothing about jQuery or javascript, so I don’t know how to implement your suggestion, or even how to read the code so I can replace placeholders with the correct information (though I can probably learn that if I read up on it). Would I put your code inside <script> tags in Custom CSS, or somewhere else?

The forms are generated by plugins, I wouldn’t know how to edit the plugins to insert a new class.

It was Private Only: https://www.ads-software.com/support/plugin/private-only
Not an issue for us because the clients only want to keep the site private until it goes live, and if you’re logged in the problem doesn’t occur.

NB: It appears this only works if your slider’s width management is set to “fixed”.

NB: It appears this only works if your slider’s width management is set to “fixed”.

NB: It appears this only works if your slider’s width management is set to “fixed”.

I was able to achieve text wrap by applying the following CSS to my slider div ID:

#cycloneslider-investors-1 {
clear: none;
position: relative;
display: inline;
float: left;
margin: 5px 10px 30px;
}

To be clear, that’s the ID Cyclone Slider 2 gives to the div that wraps the whole slider, based on the ID you assign to the slideshow in the plugin settings. You can find it in the source code of your page or using your browser’s developer tools. If you want to apply this CSS to every Cyclone slider on your site, you can probably just replace the div ID with one or more of the following classes (see the div classes for the applicable ones):

.cycloneslider
.cycloneslider-template-standard
.cycloneslider-width-fixed

With respect to W3Schools’ accuracy, I recommend reading this:
https://www.w3fools.com/

I was able to achieve text wrap by applying the following CSS to my slider div ID:

#cycloneslider-investors-1 {
clear: none;
position: relative;
display: inline;
float: left;
margin: 5px 10px 30px;
}

To be clear, that’s the ID Cyclone Slider 2 gives to the div that wraps the whole slider, based on the ID you assign to the slideshow in the plugin settings. You can find it in the source code of your page or using your browser’s developer tools. If you want to apply this CSS to every Cyclone slider on your site, you can probably just replace the div ID with one or more of the following classes (see the div classes for the applicable ones):

.cycloneslider
.cycloneslider-template-standard
.cycloneslider-width-fixed

With respect to W3Schools’ accuracy, I recommend reading this:
https://www.w3fools.com/

CKatzman, I was able to achieve text wrap by applying the following CSS to my slider div ID:

#cycloneslider-investors-1 {
clear: none;
position: relative;
display: inline;
float: left;
margin: 5px 10px 30px;
}

To be clear, that’s the ID Cyclone Slider 2 gives to the div that wraps the whole slider, based on the ID you assign to the slideshow in the plugin settings. You can find it in the source code of your page or using your browser’s developer tools. If you want to apply this CSS to every Cyclone slider on your site, you can probably just replace the div ID with one or more of the following classes (see the div classes for the applicable ones):

.cycloneslider
.cycloneslider-template-standard
.cycloneslider-width-fixed

With respect to W3Schools’ accuracy, I recommend reading this:
https://www.w3fools.com/

Yeah correct. That was a bit of an oversight on my part!

I’ve found you on Twitter but can only message you if you follow me back.

Thanks!

Dion

How do I PM you on here? The clients have asked me to keep the site private until it goes live, and in any case you’ll need your own login details if you’re to see both the front- and back-end.

The custom CSS is below. The most noticeable difference without it is the big black and white bars between the header image and the navbar. The site width is also constrained to 1200px, and the page content width is further constrained so the columns look horribly cramped.

.site {background: #fff center; min-width:800px; max-width:none}
/* .site {background: url(https://egni.coop/wp-content/uploads/2013/10/mainbg.png)} */
.site-header .home-link {min-height:125px}
/* .site-header {background-position: 50% 85%} */
.site-header {background-color: rgb(235,227,215)}

.navbar {max-width:none}
.nav-menu li:hover > a, .nav-menu li a:hover {background-color: #990000}
.nav-menu .sub-menu, .nav-menu .children {background-color: #990000}

/* .entry-header, .entry-content, .entry-summary, .entry-meta {max-width:960px} */
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .site-main .sidebar-inner {max-width:1540px}
.entry-header {margin-bottom:0px}

a:hover {color: #ff850b}

/* .su-column-inner {min-width: 480px} */

.cycloneslider-caption-description {font-size:18px}
.cycloneslider-template-standard .cycloneslider-caption-description{font-size:21px}

/* .pta-contact-form {max-width:640px;max-height:480px} */

.entry-meta {display:none}

/* .navigation {background: #f7f5e7} */
/* #social {background: #f7f5e7} */

/* *** Footer hack *** */
/* html, body {margin:0; padding:0; height:100%;} */
 .site {min-height:100%; position:relative;}
 .site-main {padding-bottom:5.5em;   /* Height of the footer */}
.site-footer {position: fixed;
   bottom:0;
   width:100%;
   height:5.5em;   /* Height of the footer */ }
	<!--[if lt IE 7]><style media="screen" type="text/css">#container {height:100%;}</style>

/* *** Login window *** */
#login h1 a {margin-bottom:5px}

/* *** Page-specific hacks *** */
#post-153 .entry-header {display:none}
#post-16 h3 {display:none}

The problem seems to occur only when I’m not logged in to the WordPress backend.

Sorry, I’ve just seen your reply. I managed to figure that out myself with a little more playing, but thanks anyway!

The menus at the top don’t work either in Safari or Firefox.

It does work in Camino however!
https://caminobrowser.org/