Move plugin Element to the LEFT (aligned) and put text beside it on the right.

Posted on 2011-09-17
Medium Priority
Last Modified: 2012-05-12

Looking at stunnazine.com, you can see what I am talking about.

I would like to move the Featured Content Slider to the LEFT and have it aligned with the elements below it. Then I'd like to put some text on the right of the Featured Content Slider (a paragraph with small images) and have that all aligned too.

Does anyone know how to do this? Do I edit in the plugin file: featured-content-gallery/css/jd.gallery.css ?
Question by:VenusBreeze
LVL 70

Accepted Solution

Jason C. Levine earned 1000 total points
ID: 36555033
Yes, you will edit jd.gallery.css, specifically line 28:

#myGallery, #myGallerySet, #flickrGallery {
  border: 1px solid rgb(255,
    255, 255);
  height: 320px;
  width: 400px;
  z-index: 5;
  margin-left: auto;

To move the element to the left, just replace margin-left: auto with add float: left

Then, any text added after the close of the #myGallery div will appear to the right of it.  Style as needed.

LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 1000 total points
ID: 36556016
change your jd.gallery.css to:
#myGallery, #myGallerySet, #flickrGallery {
    border: 1px solid #FFFFFF;
    float: left;
    height: 320px;
    margin-left: 15px;
    width: 400px;
    z-index: 5;

Open in new window

Now add another div with float left attributes which you may use for images like:
	margin-left:20px;/*change as your required*/

Open in new window


Author Closing Comment

ID: 36564649
It worked! Thanks

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Ecommerce has truly become one of the most prosperous ways of monetizing your brand on the Internet. However, when it comes to it, auditing is undoubtedly the lifeblood of this type of business.  This article will help you to conduct your ecommerce …
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

600 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question