Moving slider description with Divi

Author Posts

vm0572 July 10, 2015 at 1:53 pm

Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date.

Hi,
How can I use themover to move a slide description when using the Divi theme? The default location blocks some faces of a group shot (the description is centered). I only want to move that description at the bottom right; and leave the other slide description untouched.


Sebastian July 11, 2015 at 11:06 am

Hey,

If you could post a link to your site here I can advise you more specifically.

Thanks!
Sebastian

vm0572 July 11, 2015 at 12:28 pm

Hi Sebastian,
http://www.contrxindustries.com/

The 3rd slide, “About our company”. Thank you.

Sebastian July 14, 2015 at 11:04 am

Hey,

Thanks for the link. When inspecting the HTML of your slideshow with Firebug I was able to see some classes that were unique to the 3rd ‘Our company’ slide. Using those classes and a special ordinal pseudo selector (nth-of-type), I came up with the following selector:

.et_pb_slide_1 .et_pb_slide_content p:nth-of-type(2)

Please do the following:

  1. Trigger the selector wizard by double-clicking the ‘Our Company’
  2. Replace the currently highlighted selector code at the top of the list with the code I have provided above.
  3. Name your selector
  4. Click the ‘create selector’ button
  5. Apply a top margin of approximately 180px to move the text beneath the faces.

This is quite an advanced situation. I can see why Microthemer wasn’t able to generate a selector unique to the specific paragraph on the specific slide. We will be giving the selector wizard targeting options an overhaul soon which should make this kind of task more doable via the UI. But in the meantime, if you get stuck with anything like this again please feel free to post back here.

Thanks,
Sebastian

vm0572 July 14, 2015 at 2:46 pm

Thank you. This will work now.

Regards,

You must login or register to reply to this topic.