Custom Images

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

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.

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.

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 2 years, 9 months ago by WP CMS Ninja. Reason: Plugin Updates Warning