Custom Images

Celestial Petals
(@celestial-petals)

3 years, 11 months ago

Hi. I am customizing images for this plugin. Just wanted to use .png and my own images. What else do I need to edit the files to get them to display? Images are 130×160 pxl and .png. Thank you.

I have used this plugin in the past but my sites were erased by GODADDY when Covid hit and everyone began working from home. I didn’t check my sites for over a month when they left office and my backups where only 30 days so I lost all of site customization’s.

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author WP CMS Ninja
(@billiardgreg)

3 years, 11 months ago
Hi Celestial,
Right now if you want to change the images, this can be done via your child theme and changing the CSS.

For instance, if you wanted to change the image for the Mannaz Rune you could add the following custom CSS to the separation one you can add this into your themes CSS.
```
#rune_1 {
	background-image: url(https://www.domain.com/wp-content/plugins/norse-runes-oracle/images/04separation.jpg) !important;
}
```
So where I have the background image URL you can put your own image within the URL parenthesis.

I do have plans to make it so you can upload your own but I have not found the time to do any work on this plugin in years. Hope this helps.

Greg
Plugin Author WP CMS Ninja
(@billiardgreg)

3 years, 11 months ago
As to customizing the dimensions, that to can be done via CSS.

For instance the control for the size of all the runes is the following css
```
.rune {
    width: 57px;
    height: 72px;
    text-indent: -9999px;
    border: 1px solid #000;
}
```
So changing this to be the dimensions you need you your CSS with !important tags to ensure it overwrites the CSS in the plugin would be the dimensions.
Thread Starter Celestial Petals
(@celestial-petals)

3 years, 11 months ago

Yes, thank you. I have done both of those, but they are not responsive. I am not as familiar with php as css. I am looking through the Classes.php and NorseRunes.php, looks like $runeid is where I need to be. I just don’t know what to add to make them responsive. Is it possible to do a class=responive and then width:100%; height:auto;? I don’t know more than that right now.
Plugin Author WP CMS Ninja
(@billiardgreg)

3 years, 11 months ago
With how the base output is a textual number of the rune being shown and the image being the background, you really need to set the height and width of the image being shown as it is hiding the text and showing the background image instead. I am sure there is a way to make it as large as you are looking for. Otherwise you will need to modify the displayrune function within the class.runes.php file. This is where the HTML is being output. Within this class.runes.php file is also where the definitions and images are truly being set.

But modifying the plugin you may want to create your own based off of this one so updates don’t effect it.
- This reply was modified 3 years, 11 months ago by WP CMS Ninja. Reason: Plugin Updates Warning

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom Images’ is closed to new replies.