Results 1 to 10 of 15

Hybrid View

  1. #1
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: How To Move Things

    Not exactly sure what you want to accomplish, but you could find the #productMainImage rule in the stylesheet and add float: right; to it.


    For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-12, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

  2. #2
    Join Date
    Jun 2006
    Posts
    440
    Plugin Contributions
    0

    Default Re: How To Move Things

    Quote Originally Posted by stevesh View Post
    Not exactly sure what you want to accomplish, but you could find the #productMainImage rule in the stylesheet and add float: right; to it.


    For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-12, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)
    Thanks for the suggestions, do you know of any you-tube tutorials for this or any other simple methods of finding stuff on CSS, I have a terrible and very time consuming time trying to do the simplest things. Also I cannot find any line numbers which makes it worse when trying to use the edit css...
    Thanks and Best Regards Renz

 

 

Similar Threads

  1. v151 Need to move some things
    By SilverHD in forum Templates, Stylesheets, Page Layout
    Replies: 29
    Last Post: 13 Jan 2014, 11:48 PM
  2. How to Move certain Elements around and align on Product Pages
    By Horrific_ending in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Dec 2011, 04:44 PM
  3. Need to move some thinks around
    By rapro in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 13 Jan 2010, 10:30 PM
  4. How do I move the Add To Cart box around?
    By kidzcomfort in forum General Questions
    Replies: 1
    Last Post: 1 Aug 2008, 03:37 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg