Solved

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

Posted on 2011-09-17
3
315 Views
Last Modified: 2012-05-12
Hi!

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 ?
0
Comment
Question by:VenusBreeze
3 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 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.


0
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 250 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:
.testa{
	float:left;
	margin-left:20px;/*change as your required*/
	width:90px;
}

Open in new window

0
 

Author Closing Comment

by:VenusBreeze
ID: 36564649
It worked! Thanks
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

920 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now