Good morning everyone,

I am using the Silver Bells Advanced Forum and I am going to attempt to change the images. I think I have located which folder the images I need to change are :
sites/all/modules/advanced forum/styles/silver bells/images

There is just one thing I need to know before I do this though. If ever there is a need to update the module, would the changes I make to the images be lost?

Hope you can help me.

Thanks a million.

Pam

Comments

vm’s picture

Yes.

dizzyone’s picture

Hi VM,

Hope you are well. Thank you for replying to my question. Now, I have another question :) How do I go about changing the default images in my advanced silver bells forum without ever worrying about updating the module?

Kindest regards,

Pam

dizzyone’s picture

Hi

Hope you can help me. The image I need to change in the Silver Bells Forum is :

forum-list-icon-default.png

tr.even td.forum-list-icon-default .forum-list-icon-wrapper span, tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span, .forum-list-icon-legend .forum-list-icon-default {
background: transparent url(images/forum_list_default.png) no-repeat center center;
}

This maybe quite simple to many of you, but I am just learning css and really need your help ... please :) My image is located in sites/default/files/images.

How do I change the url so that it points to my image in sites/default/files/images?

Thank you in advance. Really need your help on this one.

Pam

vm’s picture

you need to override the CSS in the custom css file of your subtheme. Also of note, images specific to a theme should be included in the subtheme/custom theme folder.

I'd review the styling your forum section of https://www.drupal.org/node/227108

dizzyone’s picture

Hello VM

Thanks for replying. Yes, I am trying to override the css in my subtheme. Say my image was in my sites/default/files/images directory, how do I re-direct the url to that folder?

The image is presently in directory images, which I presume is the default advanced forum silver bells image directory.
background: transparent url(images/forum_list_default.png) no-repeat center center; I can always change that image but I don't want to go there in case of updates.

I know in html I would do something like URL http://mysite.com/sites/default/files/images/newimage.png but, I want to make it relative to my sites folder... I'm lost!

I just need an idea of the url.

Thanks once again.

Pam

vm’s picture

Again, I suggest placing your replacement images in your subtheme folder. Writing your CSS references will be that much easier to write.

dizzyone’s picture

Hi VM

It's ok, I'll try and find the answer on the internet. Thanks for explaining.

Pam

dizzyone’s picture

Hi

Hope you can help me.

I have asked this question before and have gone away and tried to understand what VM tried to show me. I did try and read the link he gave me, but I am still no wiser, apart from seeing that I do have an images folder in my sub-theme. I am trying to change my silver bells forum images by using css (I am a learner, but getting there). I really want to keep the url relative to my site.

At the moment the url is like this : background: transparent url("images/forum_list_default.png") no-repeat scroll center center;
}
The image is located in sites/all/modules/advanced_forum/styles/silver_bells/images.

Now, when I insert an image on my webpage, the link I use is something like this : sites/default/files/images/headers/headerimage.gif">

I don't want to change the images in advanced_forum, but I would like to, say, have a url that links to my image in my sites/default/files/images/forum_images/forumgirl.png

Does anyone know what url I would need to write in my css? Nothing works for me!
background: transparent url("sites/default/files/images/forum_images/forumgirl.png") no-repeat scroll center center;
}

I have really struggle with what you might think such a simple thing.

Hope you can help.

Thanks a million.

Pam