how can I hide the two transparent lines in the theme?
This should do the trick:
#masthead, .hentry {
border-bottom: none;
}
Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
it is possible to fix the background in ios?
Could you describe the issue with the background in iOS?
What type of device, what OS, and what browser?
Please provide a screenshot of what you’re seeing as well.
Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/
You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.
Hi Kathryn, thanks for your answer. Unfortunately, the code does not work, the two lines are still there: http://www.luigimarchitelli.it, any other ideas?
For fix the background, on the PC desktop background is fixed (firefox, safari) while on my mobile device (iOS6, safari) moves with the scroll. I would like to have it fixed even on mobile devices.
I can make a screenshot with the phone but it is a still image, you can not see the behavior of the background, or am I wrong? But if it need I do it.
thanks
luigi
Unfortunately, the code does not work, the two lines are still there: http://www.luigimarchitelli.it, any other ideas?
Where exactly did you make those CSS changes? Depending how you’ve made your CSS modifications you may need to add !important:
#masthead, .hentry {
border-bottom: none !important;
}
For fix the background, on the PC desktop background is fixed (firefox, safari) while on my mobile device (iOS6, safari) moves with the scroll. I would like to have it fixed even on mobile devices.
Mobile devices have poor support for fixed backgrounds, as you can see in this chart:
http://www.quirksmode.org/css/backgrounds-borders/mobile.html#t00
You could try some of the workarounds described here:
http://catch404.net/2012/12/fixed-backgrounds-on-the-bad-that-is-all-mobile-browsers/
http://stackoverflow.com/questions/9350869/android-mobile-webkit-css-background-attachmentfixed-not-working
now it works fine, thank you very much! (and sorry I’m no expert on the subject).
I can also hide the button of the top menu?
http://www.luigimarchitelli.it/luigimarchitelli.png
For background, I knew this problem of mobile devices, but those guides are still too complicated for me. Is there a way to ignore the background on mobile devices? It seems to me the most convenient solution.
I can also hide the button of the top menu?
Using a browser inspector, you can see that the ID name of the menu toggle is menu-nav. That means you can hide it with this:
#menu-nav {
display: none;
}
Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
http://dailypost.wordpress.com/2013/06/21/css-intro/
http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
If CSS is new to you, here are some resources for learning more about it:
I just wanted to be sure about something, since you didn’t answer my question about where you’re making your CSS updates. Are you editing the theme’s stylesheet directly? Please remember that if you do that, you will lose all your changes the next time the theme is updated. The two recommended ways to make CSS changes to a theme are using a custom CSS plugin, or through a child theme, as I mentioned above.
Is there a way to ignore the background on mobile devices?
You could try hiding the background at small browser sizes.
You can learn more about using media queries that target certain screen sizes here:
http://en.support.wordpress.com/custom-design/custom-css-media-queries/
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
Right now you’ve applied your background within the dashboard, which results in this inline CSS on every page:
<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #000000; background-image: url('http://www.luigimarchitelli.it/wp-content/uploads/2014/07/sfondo-wordpress1.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
</style>
In order to override that with a media query, I suggest removing the background from your dashboard, and adding it using custom CSS or in a child theme instead, then hiding it at smaller screen sizes, again in your custom CSS or child theme.
I will read with pleasure the guides you’ve posted, thank you. All codes work and I use a custom css (I read to use it in support of your older posts). Thank you, if you want I’ll mention you in the credits of the site
Glad everything is working!
Thank you, if you want I’ll mention you in the credits of the site
You’re very welcome. No need to mention me, but do feel free to come back and help others in the support forums as you learn more and more. Sharing knowledge is a wonderful thing!
Good luck with your site. 🙂
I do not think I can be able to help someone on these topics but I will return.
Thank you and if a day you need music, Ask it quietly, I’ll be happy to compose it for you ^_^
That is so lovely. I listened to some of your music and enjoyed it. Grazie. 🙂
