- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
You could queue another stylesheet if that is required, try as suggested in these topics
– https://wpsites.net/wordpress-themes/second-style-sheet-theme/
– https://stackoverflow.com/questions/24742016/how-to-include-multiple-stylesheets-with-wp-enqueue-style-using-wordpress
– https://developer.wordpress.org/themes/basics/including-css-javascript/
– https://www.quora.com/How-do-I-add-multiple-CSS-style-sheets-in-your-Wordpress-Child-Theme
– https://code.tutsplus.com/tutorials/loading-css-into-wordpress-the-right-way–cms-20402
Best method is adding your custom css to end of style.css or ideally put all your over rides in custom css file you load after everything else.
All im trying to do as change the hover over colour of my menu text when hovered from black to orange as I want a black menu background. I have the gadget theme selected and I’ve physcially gone into the demo_style.css to change the colour but everytime it stays black. I even go into inspect element and see it’s still black yet wordpress tells me it’s saved as orange. I can even change the colour via inspect element which obviously doesnt save and it changes, so I know thats the correct line.
https://www.screencast.com/t/d0I2oHN4lM1
https://www.screencast.com/t/a75aeBoudabW
I dont know why it wont save.
Hi.
I have add this code in advanced css
.td-header-wrap {
margin-top: 149px;
}
because i need space for background ads.
-It is possible to add this code only in a specific category istead in the whole site? Because i want the space only if i have an ad… at the moment i just have one in videogames category only.
-In ADS – Background click ad, i can set a link for just one background in the whole site but i have set a background from Categories and there’s not an option for set a link here. You know when this funtion will be implemented? Because i found a Plugin called “Custom Backgrounds for WordPress” that can do that. But it cost $15 and if I know it will be implemented soon by you, I avoid buying it.
-Last, as you can see from my homepage here https://labussolanews.com/ at the bottom of the page, under the footer, there is a white space.. why? and how can i remove it?
thanks
Yes, I know, but even having a child, I want to keep a css file outside the theme (migueldimase.css) because the edition is much faster, I can use my favorite editor (Notepadd++), etc. That’s why I asked you how can I do that?
I haven’t started using google adsense since my blog is a newbie. I have latest version plugin of AMP installed, I don’t use any other plugin for mobile acceleration.
But I am facing an issue with invalid css stylesheet and this issue has occured with all of my posts! Google is suggesting to add this <style amp-custom> to the stylesheet. The following links are the one with the issue:
https://www.devicepit.com/tech-terms-that-youre-probably-misusing/
https://www.devicepit.com/difference-between-emoticon-and-emoji/
https://www.devicepit.com/everything-you-need-to-know-about-oled-amoled-and-qd-led/
https://www.devicepit.com/what-is-lifi-technology-lifi-vs-wifi-visible-light-communication/
Hi,
thanks for the answer.
We are not using a demo, but yes, we are using some custom css:
.td-main-content-wrap .td-a-rec{
display: block; !important
}
.td-page-title{
display:none;
}
.wpb_wrapper ul li {
font-size: 18px;
}
.td-category-description {
font-size: 18px;
line-height: 28px;
}
@media (max-width: 767px){
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}}
Unfortunately, I do not know much about it, it has been added to modify an ad from rental cars that did not display properly and to modify the bullet point list fonts. This was added by somebody who no longer works for us.
I do not know about any modification to the theme files.
Thank you very much,
many greetings
Can you give me some custom CSS or style change so that the author name appears before the post title? Thanks.
Thanks for the reply, I did what you suggested and deleted teh block of code customizing the menu but nothing has changed? I even tried to simply change the colour code from black to something else but still nothing changed?
That definately the css which effects it?
-
This reply was modified 8 years by
danblukk.
Hi,
Moving those may break your website from what I can find online, you could give it a try however. Here are some similar topics
– https://wordpress.org/support/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content-59/
– https://wordpress.org/support/topic/its-safe-to-remove-seal-js-js-jquery-jquery-js/
Thanks
The gallery seems to be broken on mobile – https://www.screencast.com/t/v6VYIz3W1itF
I could give you a code to fix it – https://www.screencast.com/t/JoEx8N1psgF
Enter it in Theme panel->Custom CSS section
@media (max-width: 767px) {
.td-pb-span8 .td-slider .td-slide-galery-figure {
height: 260px !important;
}}
Hi,
That’s unusual, the category name should be displayed there. If you select a different category template is the name displayed? Did you install a demo? Are you using any custom CSS or made modifications to theme files (mainly category templates)?
Let me know.
Thanks
Hi,
By a theme option that is not possible, the mobile menu will display only on phones. I could give you a code to make the menu items fit in a single line
– https://www.screencast.com/t/jLuwIlVoy7ap
Enter it Advanced CSS section in the portrait tablet field if you consider using it
.td-header-style-10 .td-header-main-menu {
padding-left: 0;
}
.td-header-style-10 .td-header-menu-wrap-full {
height: 48px!important;
}
Thanks
Hi,
is it possible to switch to the mobile menu as soon as the normal menu expands to two rows, which happens on an upright held iPad? I don’t like the way it looks with two rows. I already tried to reduce font size but that doesn’t look good either.
Is it also possible to change the block used in a sidebar when using a mobile device? I would like to use block 7 on the desktop, but block 9 on mobile devices, because the sidebar is too similar to the content of the page and there is no longer sufficient visual delimitation. Is it possible to change the block or does the look of block 9 have to be imitated via CSS?
Hi,
That is unusual, I could give you a code to fix it however
– https://www.screencast.com/t/WvBryVwnb
The code can be entered in Theme panel->Custom CSS section
.td-ss-main-sidebar .td_block_text_with_title {
margin: auto;
}
Thanks
Hi,
The child theme provided with the theme includes by default a stylesheet and functions file. CSS code you enter in the child theme stylesheet will be loaded, no need to do anything else than activate the child theme
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
Thanks
Glad it works. If you want that code to apply only for desktop for example, enter it in the Advanced CSS sections, in the desktop field.
Hi,
All demos contain custom design and will import theme panel settings when installed. The Gadgets demo contains a customized version of header style 5. You can see how that header style looks by default here
– https://forum.tagdiv.com/header-styles/
That black hover color is coming from the demo. It is predefined in the demo stylesheet
– https://www.screencast.com/t/cAANl3sO53
So no theme panel setting will replace it. At the time the demo was created there were’t many theme panel color settings, so this was made with CSS in the demo stylesheet.
A solution would be to remove the customization the demo adds for the header elements. Then the theme panel colors will apply
– https://www.screencast.com/t/I5cip7b3HmMY
That would be the most recommended method to do this if you ant to keep using header style 5 with your own colors. Or you could change the header style, the customization of the demo applies only for style 5.
Thanks
So you mean the login options on mobile? Use a code like this to remove it
– https://www.screencast.com/t/uk9DeaYIrHfz
.td-menu-login-section {
display: none;
}
Enter that in Theme panel->Advanced CSS phones field if you don’t use the mobile theme.
If you use the mobile theme plugin, enter that in Theme panel->Mobile theme->Custom CSS.
Hello,
You can add this code in the mobile theme custom css secton at the bottom of the theme panel:
.td_module_mob_1 .entry-title a, .td_module_mob_1 .td-post-date{
color:red;
}
Thank you!
For that you could use grid style 4 – https://demo.tagdiv.com/newspaper/big-grid-2/
That has a top positioned grid meta, maybe consider using that.
It would be easier than modify the grid CSS with code that might or might not work, also it will probably damage the responsive design.
Hello,
You can add this css code in your theme panel-> custom code section to hide the icons:
.td-menu-socials .td-social-icon-wrap{
display:none!important;
}
Thank you!
Hi,
So you mean the icon the theme ads in modules when the post is a video post. That is applied with CSS in the module, when a video post format is used (to indicate the post has a featured video)
The function is defined in this file, you can make modifications to it
– https://www.screencast.com/t/n7gZpGt7zT
Thanks
Hi,
Could have been that, like you mention. If the copied text had maybe inline CSS, the theme setting probably will not apply, it is not that strong. Maybe preview the posts before publishing, or make sure the text does not have additional style.
Hi,
1. Maybe you mean the breadcrumbs? – https://www.screencast.com/t/FlefA6Ysj1V
If that is the case and you want to color them differently, I could give you a code. Something like this maybe – https://www.screencast.com/t/y3giLh8v7NL
The code can be entered in Theme panel->Custom code (CSS section).
.entry-crumbs a,
.td-bred-no-url-last {
color: red;
}
If you want to modify the font or font properties this can be done in the theme panel
– https://www.screencast.com/t/QuivQEug
2. An author role would be suited for that. Authors can create and publish posts having access to the post settings. No user role other than the admin have access to the theme panel.
Check some guides in the matter however, for a better understanding of all the roles. Then make a decision
– https://www.wpbeginner.com/beginners-guide/wordpress-user-roles-and-permissions/
– https://wpsmackdown.com/lexicon/wordpress-user-roles/
3. Every social can be customized with your own accounts. For example social links in the top bar and footer correspond to the account links you enter in the Theme panel->Social networks section
– https://www.screencast.com/t/hSkuCFvxjxq
Remove the demo links and enter your own.
The social counter plugin can also be customized with your own data
– https://forum.tagdiv.com/newsmag-tagdiv-social-counter-tutorial/
Let us know if you have more questions.
Thanks