(2021-02-24, 04:39 AM)ziuma Wrote: [ -> ] (2021-02-24, 04:28 AM)censor_deeznutz Wrote: [ -> ]just saying... uniform instructions produce uniform results.... as can the opposite be said about the opposite of such...
Best of luck!
i think my first reply is the simple thing
but, maybe other member can suggest
now, i confused with question
change with the diferent images or make fullscreen
it is simple common sense to understand that the path should not be full path like in the now existing:
body {
background: url(https://magic-crafters.world/images/bg/DefaultTheme.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
or the previous existing:
using: MagicCraftBackground.jpg
body {
background: url(https://magic-crafters.world/images/MagicCraftBackground.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
or other previous suggested using: MagicCraftBackground.jpg in sub img dir:
body {
background: url(https://magic-crafters.world/images/bg/MagicCraftBackground.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
or even the suggested:
body {
background: url(/images/DefaultTheme.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
body {
background: url(/images/MagicCraftBackground.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
or:
body {
background: url(/images/bg/DefaultTheme.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
body {
background: url(/images/bg/MagicCraftBackground.jpg);
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
it isn't the image name change and or additional added img sub dir that I pointed out as the obvious issues..., as changing the image name or adding it to a img sub dir path is doable and fine, no it is the using of the full or incorrect path
Ie: using full path in css...., and why?
background: url(https://magic-crafters.world/images/bg/MagicCraftBackground.jpg);
suggesting the other
background: url(/images/bg/MagicCraftBackground.jpg);
and why?
when if the image is in the images folder and not a added image sub dir the correct usage would be
background: url('images/MagicCraftBackground.jpg');
or with added image sub dir path:
background: url('images/bg/MagicCraftBackground.jpg');
Notice the diff in regards to previous suggestions where either the op is taking it as applying full path or not correctly implementing path in theme css as anyone can simply go look at correct paths used in css and figure out oh yeah that how I should do it, ie: thus maintaining css image path uniformalities and or ..., again providing suggestions that reflect such... again just saying and thus why i mentioned the common sense factor previously.
those factors have more priority than the eventual clearing of browser cache to see reflected changes....
* also there is a reason I added in humour: dir, ..dir ../dir, ../../dir, ../../../dir, etc, etc, next to the previous proclamation of best of luck as a hint to simply remind folks providing suggestions to remember such, as the remembering of such would cause one to notice why I immediately upon first look of the thread contents wondered why so many various path suggestions, that then seem to be misinterpreted by the op as suggesting of implementing full path in actuality and responses.
example of why I mentioned remembering and tweaking the path:
@CrystalBlazier
ie:
background: url('../../../images/bg/DefaultTheme.jpg');
ie:
body {
background: url('../../../images/bg/DefaultTheme.jpg');
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
or say:
background: url('../../../images/MagicCraftBackground.jpg');
ie:
body {
background: url('../../../images/MagicCraftBackground.jpg');
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Sans-Serif,Arial,"Open Sans",Tahoma;
font-size: 13px;
overflow-y: scroll;
}
* As those on a quick tweak via browser inspect element edits actually locate and display the bg imgs in this theme rather than directing to a not found cache -> themes -> theme#5 -> to missing img path... again just sayin...
Note: I suspect the reason as to why you must edit your path as mentioned above is because while this theme may be called something else and claimed as being another theme, the source is "flatty" and still has flatty theme paths throughout the theme and most likely in theme settings path, regardless if your renamed the theme and did not upload the flatty images dir (something you might want to correct as that may cause other future image or theme related issues) and you are now attempting on pulling these bg images from the default images directory and not the the flatty themes directory that is defined throughout the theme..., and as you can note on quick look throughout the theme..., you will see such evidence and such paths like:
../../../images/flatty/arrow-down.png
note: Again just saying..., one should either correct that and use a theme specific dir like flatty was designed to do so that things like "$
theme['imgdir']" work correctly and the correct imgs are targeted and displayed or edit such things in the theme to reflect the desire for the theme to still function correctly with "$
theme['imgdir']" being the default images directory like you are trying to do with these background imgs else you are going to most likely be editing alot more than you would prefer in the future..
also by correcting such as mentioned above in regards to theme path if your desire is to change from the flatty type theme directory for images that the theme is expecting ie: "images/flatty" back to pulling from default img dir you may then after such be able to use as I mentioned previously paths like:
background: url('images/MagicCraftBackground.jpg');
in css theme wide as the theme will be using "$
theme['imgdir']" = images/ (default imgs dir) ...... and if that is not your desire then re-up the images/flatty dir and use existing flatty type paths as exampled throughout the theme css and such, even if you say eventually change the flatty folder name in the paths and the name of that particular dir...
hopefully all of that makes sense....
Best of luck!