Jump to content



Latest News: (loading..)

- - - - -

Wanting to put a box around images and move search box to heading


  • Please log in to reply
2 replies to this topic

#1   theautoguy

theautoguy
  • Members
  • 31 posts
  • Real Name:Joel Svidlow

Posted 14 February 2012 - 05:02 PM

I know this is kind of random, but I am wanting to do 2 things:

working on 2.3.1 ver

1.Maybe I missed the "How to", but I was wanting to put a box or outline around the images, so they look a little more seperated when positioned next to one another.

2.I was wanting to put a search box into the header in order to get it out of my column.

Thanks in advance for your help.

Edited by theautoguy, 14 February 2012 - 05:02 PM.


#2   actodc

actodc
  • Members
  • 21 posts
  • Real Name:sheldon

Posted 21 June 2012 - 02:06 PM

View Postmattjt83, on 22 February 2012 - 12:17 AM, said:

in your .css file:

img {border:1px solid #000;}

-or- if you want only images with a certain class

img.yourclass {border:1px solid #000;}


#3 ONLINE   14steve14

14steve14

    STORE OWNER NOT CODER

  • Members
  • 3,073 posts
  • Real Name:Steve
  • Gender:Male
  • Location:Dorset UK

Posted 21 June 2012 - 03:39 PM

I just did something similar to the new products are on the front page. In that file find

$new_prods_content .= '<td width="33%" align="center" valign="top">

and change to

$new_prods_content .= '<td width="33%" align="center" valign="top" class="newproductsbgtd">

In your stylesheet add

.newproductsbgtd {
  background: #ececec;
  border: solid 1px #029cfe;
}

Change #029cfe to the colour of your choice.

This class then be added to most places where an image occurs. Remaning the class may make a bit of sense also.
REMEMBER BACKUP, BACKUP AND BACKUP
I am not a coder, so dont bother sending PMs asking for help as you wont get any.  

OSC has a steep learning curve, but in general the program does work.  If it doesnt work, the chances are it is something you have done.