Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Image Border


  #1  
Old Jan 27, 2012, 05:21 AM
pgrytdal
 
5 posts · Jan 2012
Hello!

I saw a website, that had some images that were normal, then some that had a border around the outside of it. I clicked and drug the image, and noticed that the border was part of the theme, not the image.

I would like to know how to do this on my website, if that is possible!

I have already submitted this question, but I wasn't clear that both my site, and the one I saw this border on, use atahualpa. Sorry for the confusion.

Thanks!
  #2  
Old Jan 27, 2012, 05:24 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go look at the image settings ato->Style IMAGES
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 28, 2012, 02:00 AM
pgrytdal
 
5 posts · Jan 2012
I don't think that is what I'm looking for. I took a pic of the site I saw, to show you what I'm trying to do.



By the way, thank you for you're help!

Last edited by pgrytdal; Jan 28, 2012 at 02:04 AM.
  #4  
Old Jan 28, 2012, 05:50 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the styling of images in posts is controled by the setting at ato->Style IMAGES->Images in Posts it is a combinaton of padding, border and background color
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 28, 2012, 06:27 AM
pgrytdal
 
5 posts · Jan 2012
My problem is that I want to be able to have a border around most images, but have no border around some images... can I do that in ato->Style IMAGES->Images in Posts or is there a plugin that will allow me to do this?
  #6  
Old Jan 28, 2012, 06:32 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
no, you will have to use some CSS. add a class to the images you don't want a border on...call it 'img-no-border'...then code some css to remove the border on those images. put the css in the 'CSS Inserts' option and you ahould be good to go.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jan 29, 2012, 12:45 AM
pgrytdal
 
5 posts · Jan 2012
Something like this? (I gave the link to this thread to a friend, and he helped me)

Code:
Atahualpa Settings -> Style Images -> paste this in Images In Posts box. Hit save. You can change the border & border color as needed.

border: 1px solid #005297;
text-align: center;
background-color: #005297;
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 5px;
moz-box-shadow: 1px 1px 10px #00f; 
-moz-border-shadow: 30pc; 
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 0px 0px #c5d0e0;
-moz-box-shadow: 5px 5px 0px 0px #c5d0e0;
box-shadow: 5px 5px 0px 0px #c5d0e0;}

Atahualpa settings -> ADD HTML/CSS Inserts -> paste this in CSS Inserts box. Hit save.

.customImage img{
padding: 0px;
border: none;
background: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 5px 0px 0px #c5d0e0;
-moz-box-shadow: 0px 0px 0px 0px #c5d0e0;
box-shadow: 0px 0px 0px 0px #c5d0e0;}

All images will then have a border. (If you have a website cache plugin it might not appear instantly)

If you want an image to have no border, go to edit the post or page's HTML. Look for the <img src=""> thing for the image. Before the image code starts, put <div class="customImage">. After the image code ends put </div>.

Example code for no border:

<div class="customImage"><img class="aligncenter" src="http://cpwriterstrack.x10.bz/rookie/rookietracker2.png" alt="" width="470" height="250" /></div>
  #8  
Old Jan 29, 2012, 06:13 AM
juggledad's Avatar
juggledad
 
23,684 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
that's the idea. did you try it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Jan 30, 2012, 01:31 AM
pgrytdal
 
5 posts · Jan 2012
Yup... and it worked... thanks!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Image Border goes a tad to low willwork Center area post/pages 6 Mar 1, 2011 01:50 PM
[SOLVED] Border around image and not image caption when captioning used vCopia Center area post/pages 7 Jan 22, 2011 12:00 PM
Image border Yes. Caption Border No. vCopia Center area post/pages 1 Jan 19, 2011 06:32 PM
Can you use {border-image} in ATO? furiousfrog Header configuration & styling 1 Sep 30, 2010 07:46 PM


All times are GMT -6. The time now is 04:03 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.