- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hi!
There are some questions about design of the template.
1) How can I make (by css?) the author’s picture as circle (not square avatar) everywhere?
2) May I make the headers color as gradient everywhere?
Hi!
There is my website: http://forthweekend.ru/
On the main page I have the white zone with the “main” news.
What css or other could I used to make the headers if this “main “news not white, but – black
I used
.td-block-span4 h3 > a {
color: black;
}
but it make all over the web site black headers and in the footer too
That function is used in the post template files – http://prntscr.com/of8epj
You could remove it from the single template files – http://prntscr.com/of8gvt
Also lower in the template files – http://prntscr.com/of8h75
So removing this code from the template files should not load them anymore. You could try it like that.
The booster could cause problems when some resources are moved, maybe the CSS that hides the desktop logo on mobile is not applying anymore, so both logos are visible. Try removing what you moved in the booster one at a time, while checking when or if the issue is solved.
Maybe I misunderstood what exactly you want to remove (hentry) please mention with more details what is is you want to remove exactly. Let me know.
Hi,
Could be some kind of CSS issue, I could take a look at it. I tried this website but it’s not working at the moment – http://prntscr.com/of874z
Let me know when or where I can see the issue happening.
Thanks
Hello !
The white spacing issue seems to be very strange, on mobile emulators works fine everywhere, on mobile devices it shows the white space. Please contact us via email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look. Include a link to this topic in the email.
I’m sorry, here is the CSS to bold out the last updated text:
.last-updated {
font-weight: bold;
}
I hope this was more helpfull !
Thank you !
Salut, daca comentez codul ca aici https://prnt.sc/ocxnaw, se afiseaza o pagina goala. Practic functia aia cu item scope e chemata altundeva, si da eroare in php.
Daca adaug in speed boster toate js-urile si css-urile din tema in footer, imi incarca logo-ul din header(desktop) inclusiv pe mobil, si apare dublat.
hentry, din varii motive, tot nu pot sa-l elimin ca structured data.
-
This reply was modified 7 years by
constantin.
-
This reply was modified 7 years by
constantin.
Hello !
You can try this css: .td-social-list .td_social_info{
display: none;
}
.td-social-style3 .td_social_type a {
display:none;
}
This should be pasted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
That can be achieved using a custom CSS code. Pleae provide a link to your website and point out what accent colors you want us to modify and we will gladly help !
Thank you !
Hi,
I think that this can be achieve, but I do not know if this will work properly, please provide me a a link were I can inspect a category page from your website, in this way I will be able to provide you a custom css.
Thank you for your understanding!
Hi,
Depends on what the child theme contains. If you have custom CSS in it’s stylesheet you could move it in the theme panel dedicated CSS section. If you have code in it’s functions file, you could move it in the main theme functions for the time being.
In the next theme update the issue with the child theme will be fixed, also we will add more capabilities for it. So you can activate it then if needed.
I tried to translate the footer page with polylang, I created a page in two languages, but I can’t seem to find a way to change the ID of the page when the language is changed. I believe the string must somehow be added first, polylang doesn’t seem to find theme strings as WPML does automatically.
I want to enable Whatsapp sharing button on desktop. CSS should not be a problem, but the link starts with whatsapp://send?text=H, I’d like to override it to https://wa.me/?text= in a child theme.
May I know why the theme is not using the latest form of the link?
The answer is posted, just scroll down to July 12th, 2019. You need to update your CSS code.
https://forum.tagdiv.com/topic/menu-does-not-expand-on-mobile/#post-304882
-
This reply was modified 7 years by
carlmadsen.
Thanks for your quick respond. I use third party one not Tagdiv newsletter but it does look similar. Could you please help me with custom css to fix this?
Thank you.
Hi,
I have a page on which is placed a number of Block 9 Elements, where all use the Block Header 4 template, and the content of each element is filtered by two categories.
I’m trying to create the functionality where a user clicks on the Block Header 4 tab and is taken to a sub category page where the displayed content is filtered according to the rules applied to the original Element.
Obviously I can create multiple sub-category pages and assign a unique URL to each block header on the initial page but this is clunky and in elegant.
I may just be dumb and have not yet found the setting that allows me to do this. If this is not the case do you have any suggestions how this can be achieved, either via CSS or PHP or some other way.
Thanks.
G
Hi, I’m using a cloud template so I don’t have access to the category settings. See image: https://imgur.com/a/zuMkXDw
Maybe there is a CSS code I can use?
-
This reply was modified 7 years by
zackariyyaalli.
I thought a child theme is active – https://www.digitalbusiness.africa/wp-content/themes/Newspaper-child/style.css?ver=9.7.3
I could be wrong however, since the post templates seem to be applying properly.
Did you try the footer page suggestions that I mentioned above? I see that the footer page is still not changing per language. It should be possible with the polylang string translation, I didn’t make tests with this plugin unfortunately.
So something like this – http://prntscr.com/oe4js7 and on sticky
– http://prntscr.com/oe4k1e
If that is what you want, this could should do it
.single .td-header-style-10 .td-header-menu-wrap-full,
.single .td-header-style-10 .td-header-menu-wrap.td-affix {
max-width: 1128px;
}
Enter it in the theme panel custom CSS section. It will apply to single post pages only. I could modify it if needed. Let me know how exactly.
Hi!
thank your for your fast response.
Got it thank you!
First i wasn’t sure if it has be done with some CSS but apparently you just have to use “text-padding” in text-editor in case anybody else is wondering
Hello !
We are sorry for the inconvenience !
This is a bug and we are sorry for that. As a quick fix you can use this css code to display those arrow that will show the sub-categories:
#td-mobile-nav,
.td-menu-background {
visibility: visible;
}
.td-mobile-content .td-icon-menu-right {
display: inline-block;
}
The result will be this: https://www.screencast.com/t/n6bOnmAfi1jg
And you have to paste the code here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpfull !
Thank you !
Hello !
I’m sorry, this is my fault ! You will have to paste the code in here: https://www.screencast.com/t/IVnj20KPino
Also please activate the code in functions ( I can’t make it work on my side ) and I will provide you a custom css in order to make it dissapear from the homepage and remain only in posts.
Thank you !
Hello !
Here are the codes: https://www.screencast.com/t/NjjUkmPbEYj
.td-post-category {
background-color: blue;
}
.td-grid-style-1 .td-post-category {
background-color: red;
}
.td-category-header .td-pulldown-filter-display-option {
background-color: green;
}
.td-category-header .td-pulldown-filter-list {
background-color:green; j
}
I’m sorry I cannot find tags on our demo, please provide us a link to your website so I can see and provide a good css code.
Thank you !
Hello @jbaldera,
You should insert this code on your functions.php on your child template:
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 11);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );
Hi,
I have checked your header section and I manage to fix your search icon using a bit of CSS code, like below:
.td-header-desktop-wrap .tdb_header_menu:nth-child(3){
display:inline-block;
margin-bottom:48px;
}
The result is here -> https://www.screencast.com/t/8T8B4xl32t
Another alternative would be to edit your header template and set up the header like this -> https://www.screencast.com/t/WquIVIMrs
Hope this helps!
Thank you!
You can use the mobile theme only for AMP, the rest of the visitors will see the responsive version. All you have to do is select this option – http://prntscr.com/ody1jx
Then only the AMP pages will use the mobile theme.
If you want to keep using the mobile theme for AMP and the rest of the website, the code to remove the categories in the mobile category pages is this one
– http://prntscr.com/ody3fb
Enter it in the Theme panel->Mobile theme->Custom CSS section
.category .td-category-siblings {
display: none;
}
Let me know if you have more questions.
I see, you have any css code for me to disable this?