- 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 support team,
Actually I have added these both codes on Theme pannel> custom code> Custom CSS – like this method [ For your reference – http://prnt.sc/uarbfp ]. it works fine immediately but after 10 mins when I click and check all the post link – I found an error -The requested URL was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
For Additional Ref:- I found icon when I enter that code on CUstom Css[ https://prnt.sc/uarf73%5D.
SO please suggest the steps on how and where I need to add exactly that two different code. Please share me the screenshots and also, please suggest me the steps. I’m a beginner at it. please share with me the screenshots for two different codes.
Thank You so much! Please Reply me.
Hello, I am sorry to say but the code is not working. I pasted the code in the theme panel as well as in the home page CSS section as well. However, no effect at all. Please tell me where to paste it?
https://snipboard.io/o3DScu.jpg
Please check the screenshot.
4 and 5 also fixed. Thanks
Now, as everything is almost sorted please help me with the mobile theme.
Is there a way to edit the mobile theme? I saw the setting but there are not much options available to change the mobile theme.
I noticed that if I use AMP then my home page is displayed as it is. However, if I switch to Mobile+AMP or only Mobile then my front page on mobile is different with only two options. “Featured articles and latest article”
Now my concerns.
1) Is it possible to hide some sections or block from the home page only for the mobile?
If yes then please tell me how?
If no, then please help me with below modifications.
1) How I can display the categories on the home page?
2) If I can only display featured and latest articles then help me increase the number of displaying article to more than 6. 6 is not sufficient.
3) How I can change the style of the “Latest articles” block?
4) I need CSS code for the fonts.
POST TITLE COLOR : #00239c
POST TEXT COLOR : #444444
POST H1, H2, H3, H4, H5, H6 COLOR : #f95700
POST BLOCKQUOTE COLOR : #5f4b8b
That’s all.
My website is not yet released to public because its not yet good enough, so I can not share any link. I am now using some CSS code to change some mark ups that are not able to be defined by the Theme Panel. Although I wanted to a void touching coding at all it’s quite fun to do it because it’s not alot (the Theme offers 95% reliability with regards to design change feautures, which is nice).
So overall I am happy with you product, its just that wanted to avoid doing the CSS, but Itll be fine. You can close the ticket.
Hi
I have a fresh install with Gadget Pro demo. No matter what I change in the theme panel, it’s not reflected in the frontend. Also custom css code is not reflected in frontend.Not additional plugins installed.
Can you help?
Thanks,
Marcel
Hi,
Something like this should work, you can enter it in the custom CSS section of the theme panel
body[class*=single-paged] .td-post-content .wp-block-image {
display: none;
}
First smart list page – https://prnt.sc/uan187
The rest of the smart list pages – https://prnt.sc/uan1gz
2. From what I can see that is how the image captions are displayed with smart list 6, aligned to the right. They are supposed to be displayed like that. To make them center aligned, it could be done with some CSS as well https://prnt.sc/uan4hm
This will do that
.td_smart_list_6 .td-sml-caption {
text-align:center;
}
Thank you!
When I’m editing with tagDiv Composer, the CSS editor is appearing below the side menu and it is not possible to access it. How should I proceed?
Ok I found out you could use custom css and insert:
h3 > a {
color:White;
}
Thanks 🙂
Team ,
Again i have faced the same issue even i am using the child theme please share the CSS for this so that i can keep it in future
Please find the link
https://imgur.com/a/FYp23RN
Please get this fix asap also share the CSS which can be used in future if needed
this is the post url for you to replicate
https://techweu.com/pubg-is-ban-in-india-including-118-more-applications-techweu/
Hello !
For the search bar you have to activate this option: https://www.screencast.com/t/jfhni5Oho4R
And for the header to be aligned you have to set it as you can see here and adjust it using css: https://www.screencast.com/t/kYwiyt5qk ;https://www.screencast.com/t/SZSABVW4c Edit the margins for more accuracy.
Thank you !
Thanks,
I created carousel for news auto slide through visual composer but I am facing problem after install visual composer tagDiv Composer and visual composer CSS conflict
please help me
Thanks
Sad enough, it seems that just chaging the background colour of the Theme (no white) will results in the need of customm CSS. I would like to stress one more time that the background colour is a huge variable in branding and marketing, so if you cannot change this variable without the use of custom CSS on other spaces Its my honest opinion that the Theme Developers have not prioritzed the right functions. Alot of functions I dont use, because they are irrelevant, and the functions I need are not available.
Still, overall I like this theme, its nice. But it would be great if font colour management would have been better, I mean come one, a website mostly is visited BECAUSE OF THE TEXT and exactly the TEXT is unable to be modified the right way……………
Hello,
thanks for your reply.
1 and 2 solved.
3) I can paste this code but I want a category-specific CSS code that would only change the colour of the relevant category. I believe this code changes the colour to red for all the categories.
I want the title for health category to be : #001FFF
For happiness category to be : #FFE800
For Success category to be : #FF7400
And for knowledge category to be : #1AA60C
4) I totally understand that this is not something that I will find prebuilt. However, I wish to know how I can do this?
Should I create a page named as Knowledge and each page for all the topics that I need in that category. It will be a lot of pages. I think everything will be manual on that page, right?
Or
Should I create one page and modify it using the cloud template and assign that page to that category. After that, I create a post and assign those post this Knowledge category, and exclude them from the home page, Will this work?
If you have a better idea please let me know.
How come the styling for the Gutenburg Editor looks different with 5.5? I’m using your theme’s latest version 10.3.6.1 and the fonts look different. Is y our custom editor-style.css working?
Hello,
for problem 1, the image width that you are pointing to is 50% by default already. I decided to delete the original big grid flex 6 and row. Then added a new row and big grid flex 6 to make sure I didn’t change any of the default settings by accident. Next, all I did was made the image height 60% for both module categories 1 and 2. The results are the problem of the extra unwanted black spacing under the middle image is still there when the image is 1200 x 800. Is this something that needs to be fixed in the next theme update? or am I still doing something wrong?
for problem 2, if the background for the row is made black instead of the element as you are suggesting, there is then the default black padding of the row itself as seen in this image row background black.PNG on dropbox (https://www.dropbox.com/sh/ozmmkhywweoiqz5/AADG_LWlcC0zrEbrUOLVGF31a?dl=0). I tried to make the padding 0 in the CSS of the row, but that had no effect. So how do I fix this problem as well?
Hello !
Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
From what I can see only those 2 thumbs have a different overwriten css coming.
Thank you !
Hello, Thanks for your reply. I sorted out most of the issues.
Now, please help me with a few issues.
1) There is a signup/Join option. However, there is no option to create an account. How someone can log in without creating the account? Or how to create an account? And if someone creates an account then what they can view and customize in their own account?Please check the screenshot
https://snipboard.io/9BqPbI.jpg
2) There is this tagDiv newsletter plugin in my theme. How does it work? How I can add the subscribe button in the footer or anywhere else? I have no option to customize it. How to access this plugin?
https://snipboard.io/P7LZD0.jpg
3) I wish to change the colour of the category heading. and also the container that contains the name of the category. There is no option to do that in the theme panel. Can you please help me with custom CSS?
https://snipboard.io/XT7hF8.jpg
4) This one is little complicated please guide me on this.
There are four categories in my blog. Health, Happiness, success and Knowledge.
a) I want that all the post of Health, happiness and success are displayed on the home page but I don’t want that anything from the knowledge should be displayed randomly on the home page. It should be only in a container. I mean all the post from the knowledge category should be displayed in the group and together in the home page.
b) Also, tell me how I can exclude the post from one category from getting displayed on the home page?
5) Now, please tell me should I create a post or page for the knowledge category. My requirements are as below,
a) If someone clicks on the knowledge category then it should not display all the post randomly but it should display an index that has a collection of all the post in knowledge category.
b) from the index page the user can access any post he wants by clicking the icon.
c) all the post in the index page should be grouped as per the subcategories.
How I can achieve this?
(What I wish to do is something like this: Knowledge category has subcategories like Vitamins, Minerals, protein, etc. Each of these subcategories will have an individual post like Vitamin a, vitamin b with complete information. Now, when a user clicks the knowledge link from the header menu then it should see a page which shows all the subcategories and post or pages in that subcategory and directly access the information that he looks. For example, refer to this website. https://ods.od.nih.gov/factsheets/list-all/
Please assist me with these issues.
Hello !
That can be done through css code as you can see here: https://www.screencast.com/t/2A8Mxq6ESmbu
.tdm-testimonial-descr {
background: linear-gradient(#f56942, #f5d442)!important;
}
The color codes can be copied from google: https://www.screencast.com/t/GAqRmYrrJb53
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Thank you !
Hello !
I would personally recommend you to start it fresh. Also please note that for custom codes like CSS / HTML you can use now the Theme panel option which most of our users find it handy: https://www.screencast.com/t/0TfO10Li5zBT
Thank you !
Thankyou, yes indeed i am stuck in that pro demo or Cloud library! i should have used only import template..
now i have a No template header witch i can’t move/modify even in tagdiv composer.
I guess i have to make the modifying in the style.css ?
(I resolved the problem of breadcrumbs…)
Hello !
That can be adjusted by setting the css using tagDiv Composer as you can see here: https://www.screencast.com/t/jfr5yX8mUBX4
Thank you !
Hi, I think that you can use the guide from here -> https://www.sitepoint.com/atoz-css-z-index/ I think that if you set the position on elements from body then the z-index should be apply correctly and yes, in this case when you use a negative z-index this will be set under page, I thin that the negative z-index is use more for elements like :before or :after.
Here is an example -> https://i.imgur.com/DmPiq9J.png
body p, #sections {
position: relative;
}
#sections {
z-index: 9!important;
}
#graph.graph-scroll-fixed, .mapDiv {
z-index:1!important;
}
Hope this will help you!
how can i minify this ?
The CSS tab for (example) ‘ad-box’ is not accepting colour values into the ‘background’ or ‘border color’ box. Latest theme version with current Wp.
Yes, ideally I’d like to integrate the scrolling graphic into the WordPress page itself, so that the feature story can exist in our CMS and have all the promotion one would expect within the site – plus I don’t want to recreate the whole site design in a static page! I know that many news organizations create static versions of their designs and host them at urls like “projects.domain.com” but it’s not worth the hassle for us.
I was hoping I could find out from you what elements are at z-index 0 and if it were possible to use CSS to push them back somewhat, like -999, or even -10.
Thanks so much.
Hi,
So you want to set a link to this external page or you want to make a page like above article, if you want to make a page, maybe we can help with a custom css.
On the page provide the z-index indeed is page under page when is set under 0 and over the text when is equal or greater then 0, somehow the z-index is not apply correctly on all elements from the page.
I’ll test more later and see if I can find something that can be helpful.
Thank you!
