Hi,
I have unsuccessfully tried incorporating several style changes (additions) to my child theme. Almost all of them have had no effect. (Only one I had success with is the header height changes).
For example, I have added to sets of styles (one for a photo credit line and some styling to create a reverse ordered list). Both of these worked on a previous theme that I was using, but not on the Newspaper theme.
Link to child theme stylesheet: cholla/style.css
Link to page that I am trying to effect: http://www.charliecholla.com/top-10/youve-quit-caring/
Any idea why? Thanks in advance.
Hi
Please make sure you installed the child theme from the package downloaded from themeforest (Newspaper-tf > code > Newspaper-child) Here you can check our documentation regarding the child theme integration: https://forum.tagdiv.com/child-theme-support/ Make sure that the child theme it’s the active theme in Appearance > Themes. Also try to clear all caches deactivate the plugins except Visual Composer and test again.
Let me know how it goes.
Thanks!
I downloaded the Newspaper child theme, deactivated plugins, cleared cache. Nothing works. I have tried to make several other changes to the css file, all with NO effect (except the header-height, as mentioned). I have wasted several hours on this now and am completely frustrated. Am about to give up on this theme.
Hi charliezed,
I have checked your child theme css file and I see that it is an older version – http://screencast.com/t/74PXlWYXt So please make sure that you update the child theme, you can find it in the /code folder from theme files that you downloaded from themeforest – https://forum.tagdiv.com/whats-included/
Let me know how it goes!
Thanks!
I have updated the theme to version 6.5. I have created a Newspaper-child folder and installed the demo css file from the code folder. I then placed customized styles into the theme folder, cleared all caches, etc. But I’m having the same problem. Only the customized header works. The other styles have no effect.
refer to: charliecholla.com (content tested with styles)
stylesheet: http://www.charliecholla.com/wp-content/themes/Newspaper-child/style.css?ver=6.1c
Doug
Hi,
I have checked again your articles and the css is applied on tablets – http://screencast.com/t/iuU1L9DTG Do you want this only for this screen size? If not please check your css and close the accolade – http://screencast.com/t/HXLrzb0p
Thanks!
Finally, the problem is identified. I know nothing about @media coding and obviously missed a closing bracket when posting the style from the main stylesheet into the child stylesheet. THANK YOU, ALIN!
On a separate note, I noticed that on my mobile device (ipod touch), the travel header on the home page has a gold strip on the right side, as if the header image doesn’t stretch far enough. This doesn’t appear on my laptop screen. Perhaps the image size needs changing? Or is it another issue or setting that I missed? (If you would like this in a separate post, let me know)
Thanks,
Doug
Hi,
I have checked your page and I found that you use background image and also background color for your row, so I suspect this is the cause. Try to remove the background color and see how it looks on your Ipod.
Thanks!
I removed the background color and also used background-repeat on the image (which helped on large screens), but the same issue exists on the iPod. Is there some kind of gradient overlay on the header that doesn’t stretch on mobile devices?
Doug
Hi,
Please add this custom css in Theme Panel > Custom Css:
.td-travel .td-travel-header:before {
width: 140%;
}
Let me know how it goes!
Thanks!
Alin,
That got rid of the line. Thank you! However, I have a small issue with the header text now: the h1 title has moved to near the top of the header. Is there a way to add some padding to the top of the title for mobile display only (ipod)? (the text on my laptop screen is still fine).
Thanks,
Doug
Hi,
Try to use this custom css in Theme Panel > Custom Css – http://screencast.com/t/uOTOuLlHXE
@media(max-width: 767px) {
.td-travel-header .wpb_text_column h1 {
margin-top: 0 !important;
padding-top: 40px;
}
}
Thanks!
Alin,
Thank you once again. Everything is looking good now. You have been very helpful.
Doug
