Forum Replies Created
-
Replies
-
yes, I did. The image indeed is the ‘problem’ it will not load on a much smaller device, however, as you recommended to add the above custom code the end result is perfect. On PC it show the large background, which would would have resulted in unreadable text on the mobile, the black background is so much better.
So: I now have a seperate mobile and PC solution. Tx Jason!That worked and I can actually read the text! Would it be possible that the background size is too big for mobile devices to allow it to load?
Hello Jason,
Ok, now: back to where we started with: to show a different style when opening the site on a mobile device. In the panel I set the theme option to call on a different style on mobile devices.
Then I went to the responsive.css as you indicated above and added this to the child theme>assets>responsive.css sheet at the bottom:.header_logo {
background-color: #848484;…;
height: …;
}
.header_logo .tb-image-logo {
display: none;
}
@media (max-width: 480px) {
.header_logo {
background-image: none;
height: auto;
}
.header_logo .tb-image-logo {
display: inline;
}
}Would I have done it correctly?
🙁 I really don’t get it. I replaced body-bg.png in the dark>images folder but it places the image behind the content block. I use firebug as you suggested, but I am going in circles. I am really trying to understand what you mean….
I just want the image to display behind the entire site not just parts. I am thinking it should be place wihtin the ‘body’ context or maybe it’s the wrapper?Hello Jason,
Sorry, no. That was me replacing the header bg with the image, but I still have not managed to put a background image behind the entire site.
Hello Jason,
I got the child theme thing up and running! So tx for that.
I understand you are not supporting customization but I followd your links copied the code below in the custom.css but nothing. I tried different types of codes but after 10 attempts I really don’t know what to do 🙁
/* Add your custom CSS here. */
body
{
background: #00ff00 url(‘/images/fondo.jpg’) no-repeat fixed center;
}Marije
ok, I will try this tx! and after that, what are the codes and steps to include a background image site wide with no-repeat?
Hello Jason,
Sorry but my entire theme is no longer configured and switching to another browser and switching back onto the Arcadian them the child theme is no longer there as an option. I don’t want to configure the entire thing again if that is the result of using a child theme. How can I get my configuration back’ at the back end it all seems well configured…at the front end it does not.
Please assist.Thank you!
Hello Jason,
I followed your steps, overwrote the changes I made to both css files and created a child theme as explained in the video.
I addes this to the custom css:
/* Add your custom CSS here. */
{
background-image: #f7f7f7 url(../images/fondo.jpg) background-image: no-repeat;
}
However it is not adding a back ground image to my site. Could you help me please?ok, I managed to input a background image but it’s repeating: ishairdesign.es
I tried using these codes:body {
background: #f7f7f7 url(../images/body-bg.png) background-repeat:none;
}and body {
background: #f7f7f7 url(../images/body-bg.png) background-image: no-repeat;;
}both in either dark.css and theme.css without any luck.
Could you please help me?
Hello Jason,
Thank you for your feedback. Before I tackle the viewport topic: where and how exactly would I configure in what css the fact that I want to use a background image to the entire site?
