I am working on a project where I am using a lot of pictures. I add a white border to almost all the pictures.
My question is if it is possible to change the border color from the default black to white so that I do not have to change it manually every time.
I am using Foundation for my site styling, and I can not find anywhere in sitestyles (or anywhere else for that matter) to change this. I am mostly using the image stack or the right/left floating image stacks from Stacks 3, because it is easier for me to scale my pictures with these stacks.
I don’t see a black border on any of the images that you have not added the white border to manually. They are all borderless.
In the case of that page, which is using Stacks built in image stack, you could use either the second or third snippet that I gave you. If you intend to have a mixture, or simply want to add a border to every image then use the third snippet. The danger with the third snippet is that it will target every image on the page - potentially including ones in the header or menu system.
It would therefore be my recommendation to concatenate the first and second snippets together in order to add a border to both stacks and Foundation images - that way you can use whatever you like. The snippets also have the advantage that they target the image itself and not the stacks container in which it sits. This is particularly important with responsive Foundation images where you can specify a max-width. The snippet will ensure that the border follows the image (which will be limited in width) rather than the stacks container around it (which will remain at 100% width).
There are white borders around many of the pictures on the site. Look at the first picture in the content of the page All these borders are applied manually and it is in that process I have to change the color from black (default) to white (which is what I want).
Yes, I saw the white ones that you had applied manually. The code in the above post will do exactly that for you automatically.
What I could not see was a black border around the images that you had not applied the manual border to.
For example, the following image has no manual white border but does not have a black one either. Perhaps you could publish a page without your over rides so that I can see the problem black borders please.
You’ve got it right
Sorry if I didn’t express it clearly enough.
I don’t use black borders at all. Either I use white borders og no borders, and the color selector for borders is per default black, and therefore I have to change the color every time I need to apply a border (which in my case always will be white).
You have to turn on the border width anyway so why so hard to change the border colour from the colour picker?
Black is the universal dev standard typically for any option that uses the colour picker.
If this is Theme related, you might be able to go into the Theme source and modify the default to be white but then you have to modify it each time you update the Theme and just another thing to remember when the Theme has an update. Note that not all Themes will set this as default in their configuration, most, if not always, this is a RW based setting, not a Theme setting.
It is not hard to change the color, but it was just a question if it was possible to change a default value so that you don’t have to do the same simple thing several hundred times when adding content to your site.
@peterkroman, perhaps this might be a feature request for RW Preferences that you could submit to Realmac? I can see it’s usefulness for sure, but that could open a whole bunch of feature requests for configuration settings that could become overwhelming for development, bug hunting, support…
OK, so now I understand. If you don’t want to add CSS to do it automatically then this is a job for Stacks 3 partials. Simply drop in an Image stack, click the partial button to create a partial from it and unpin the image content area.
Set you white border in the partial settings and then every time you drop this image partial onto your page it will have the border set as you want and you can simply add an image as normal into the unpinned content area. @isaiah has a video introduction to partials here
I would however, re-iterate what I mentioned above. If, as you mention, you are planning to use Foundation images, then be careful if you need to apply a max-width as this will be applied to the image inside your white border and thus the border will not follow the limited width image. If all your images are 100% width of their container (eg a column) then this is not an issue.
By the way the default border color is a Stacks feature and nothing to do with RapidWeaver. Black is a sensible choice as most pages are built with a white background.
I have a similar problem. First of all I am an artist/writer/musician, not IT. There are simple things I cannot seem to do with RW. Like change the color around the picture. As far as I can tell RW just puts the picture in a white field that I cannot access or change.
It is not a ‘border’ issue or if it is I cannot do anything about it. In this case, if i could just change that white color to black I would be happy - for the moment. It would be better if I could expand the image to fit, but I can find no way to do this -the white background just expands with the image.
I’d also like to be able to do it without having to use code. I buy software to make life easier, not to have to take classes just to build a simple web page.
Sorry, but it’s just one thing after another…I try to put in a text above the image. I tried a separate column, and putting the text on top of the page. No matter what I do it shows up in the image frame.