Forum Replies Created

Viewing 15 replies - 1 through 15 (of 15 total)
  • Thread Starter goodwinj

    (@goodwinj)

    Ok thank you Sagar. Great to know you see it working on your end.

    Thread Starter goodwinj

    (@goodwinj)

    So, I think I may have fixed the issue by playing with this CSS rule:

    .smooth_slider .smooth_slider_thumbnail {max-width:600px;width:60%}

    But if there is a better answer out there, I’m welcoming to hear it.

    Thanks!

    Thread Starter goodwinj

    (@goodwinj)

    Here is the link:

    http://muse.union.edu/library/smoothslidertest/

    I have made custom CSS in order to have the description, title and image display a certain way. It works great in Firefox, Chrome and the latest of IE…but IE 10 isn’t showing the images. I’m pretty sure it has to do with widths / heights in the CSS. Although when I rechecked the Smooth Slider settings, there was a maximum height setting but no minimum width for the images (there was a height and width setting for the slider itself however).

    Thread Starter goodwinj

    (@goodwinj)

    Ahh ok, makes sense. Thanks for clarifying, that’s helpful to know.

    Thread Starter goodwinj

    (@goodwinj)

    Apologies…although I thought since I am using WordPress, it’s a WordPress question despite which theme I’m using. I don’t know if this issue has anything to do with the theme or not. Thanks.

    Thread Starter goodwinj

    (@goodwinj)

    Hi Trisha, thank you for the tip with backing up, good to know!

    When I saw I’m “re-formatting”, what I mean is the layout is going to change with each post. So, the old version does not use page builder, it’s just content in the standard editing window. But with the new site, I’m using Page Builder, which is (if you are not familiar), a layout system with different boxes / modules to organize text and images on that page. It’s not like I am just changing colors and a theme and making a switch, it’s more complicated than that. It’ll take time to convert each post with the new layout, one at a time, and I want this to be done somewhere not live so that when we do go live, it’s all set for the public.

    I may have to do as you suggested in the backup method. Just exhausting my resources to make sure there’s not a simpler way.

    Thanks!

    Thread Starter goodwinj

    (@goodwinj)

    Ahhh thank you for clarifying that, Richard. I will contact them. Thanks!

    Thread Starter goodwinj

    (@goodwinj)

    Thank you, Mike, for answering so quickly. That does help, thanks!

    Thread Starter goodwinj

    (@goodwinj)

    Hi Sagar,

    Thank you for your suggestion. I tried putting a fixed height on the following rule ….

    .smooth_slider {height:300px !important;}

    …but unfortunately, that did not change anything. However, I did try height. Interestingly enough, the problem is fixed by using max-width specifically, not just width. Here is the style that solved the problem:

    .smooth_slider .smooth_slideri {max-width:900px !important; }

    I’m sure this problem will probably happen again for novice users who aren’t experienced with CSS and they won’t know how to fix this. Doesn’t it seem to you like something can be improved upon with the plugin or within the tabbed module in DIVI to prevent this sort of issue from occurring?

    Thanks again for all of your patience and help!

    Thread Starter goodwinj

    (@goodwinj)

    Ok, for those who still want to try to solve this issue, I was able to mock up a test within another website that uses the DIVI theme. Here’s the link!

    http://muse.union.edu/library/smoothslidertest/

    The first slide looks fine, but when you click on the other tabs, you’ll see the issue…

    Thread Starter goodwinj

    (@goodwinj)

    So as it turns out, I have a second dilemma preventing THIS one from being solved. Here’s the gist of my situation…

    I am developing a new WordPress site with the DIVI theme, which uses page builder, to eventually replace the site which uses an older WordPress theme that does not use page builder. Page builder provides a tabbed content box module for which I’m housing this plugin. The first problem lies in that the url which hosts the development DIVI site is not available to anyone off this local network, so I cannot share that link. I thought I would be able to mock up the plugin in the current WordPress theme, which is accessible to the outside, however, I cannot simulate the plugin in the tabbed module, because it’s not set to DIVI! And, I cannot change the current site’s theme to DIVI until I figure out this issue.

    After some poking around, I actually was able to finagle the CSS to make the widths work…but it seems like an unnecessary solution….

    Thread Starter goodwinj

    (@goodwinj)

    I now see what the problem is, I just don’t know how it’s happening. Let’s see if this bit of information can stir up some thoughts….

    The div tag around the 1st slide is this:

    <div style=”max-width: 790px; margin: 0px;” class=”smooth_slideri”>

    But in the second, third and forth slide, it is this:

    <div style=”max-width: 100px; margin: 0px;” class=”smooth_slideri”>

    So it turns out, it IS the max-width: 100px creating the problem. I double-checked my custom CSS to make sure I didn’t place a max-width of 100px somewhere, and there is not. I double checked the Smooth Slider settings and played around with the widths of the slide images there. Didn’t have an affect. Can anyone conceive of where else the max-width: 100px might possibly be coming from?

    Thanks.

    Thread Starter goodwinj

    (@goodwinj)

    Thank you. I will try to re-create within a public domain and get back to you with the link today.

    Thread Starter goodwinj

    (@goodwinj)

    I would have done that, however I am working on a private development server that only users on-campus can access. Is there a way to take screen shots and email to you somehow?

    Thread Starter goodwinj

    (@goodwinj)

    Thank you Sagar, that did the trick!

    Actually there is something else weird that is happening with my slider, although it probably calls for a brand new thread. (I will explain it here but then copy it over to a new post)…

    I have 4 different sliders with 4 different IDs that I am calling within the content of a tabbed module in WordPress (in page builder in the Divi theme). The first default tab that is open displays the slider just fine, but once you click on the other tabs, the slider is a ridiculously reduced size, almost thumbnail sized. I know it is not the slider itself, because I tried switching the IDs over to the first time and it displayed fine. It’s something to do with the way the tabbed module is displaying the sliders. I would attach a screen shot here but i don’t see the option…

    Thanks!

Viewing 15 replies - 1 through 15 (of 15 total)