- 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
I want wo add 4 share icon in 1 colour so please provide me a custom CSS or code
Hi,
This can be achieve using tagDiv Composer -> https://i.imgur.com/sCJbR8C.png or you can use a custom css like this one:
.td_block_author .td-author-description {
font-style: normal;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
Hi Mark Gilbert,
The above custom css will apply only on on row. If I understand correctly you have a an element hide on all devices ? then why to add an element if this is hide on all devices?
Thank you!
Hi,
Unfortunately that can be adjusted only with custom css, if you need help with this, let me know, also provide a link where I can check the elements you want to be closer.
Thank you!
Is it possible to give a list of live css codes to solve this problem for each such accident we might encounter? Or a guide to how we can form our own code for each circumstance? Or eventually a button saying “show all hidden material”?
Hi Vlad – I didn’t realise different code for each circumstance. It is the Flex Block 1 at the top of https://jazzjournal.co.uk, with custom title “Three items from the last seven days at Jazz Journal”
[tdc_zone type="tdc_content"][vc_row][vc_column][td_flex_block_1 modules_on_row="eyJhbGwiOiIzMy4zMzMzMzMzMyUiLCJwaG9uZSI6IjEwMCUifQ==" limit="3" hide_audio="yes" show_btn="none" show_cat="none" image_floated="" f_title_font_family="fs_3" f_title_font_size="21" f_ex_font_family="fs_7" f_ex_font_size="14" f_title_font_weight="600" f_ex_font_weight="500" tdc_css="eyJhbGwiOnsiYmFja2dyb3VuZC1jb2xvciI6IiNmOWY5ZjkiLCJkaXNwbGF5Ijoibm9uZSJ9LCJsYW5kc2NhcGUiOnsiZGlzcGxheSI6Im5vbmUifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsiZGlzcGxheSI6Im5vbmUifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OCwicGhvbmUiOnsiZGlzcGxheSI6Im5vbmUifSwicGhvbmVfbWF4X3dpZHRoIjo3Njd9" category_id="" sort="random_7_day" image_alignment="4" mc1_el="20" custom_title="Three items from the last seven days at Jazz Journal" header_text_color="#000000" block_template_id="td_block_template_7" modules_gap="25" f_header_font_family="fs_3" f_header_font_size="18" modules_divider="" modules_divider_color="" image_height="100" show_excerpt="" author_txt_hover="#000000" author_txt="#595959" show_review="none" meta_padding="10px 0px 0px 0px" art_title="0px 0px 6px 0px" art_excerpt="10px 0px 0px 0px"][/vc_column][/vc_row][vc_row gap="10" tdc_css="eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0yMCIsImRpc3BsYXkiOiIifX0="][vc_column width="2/3" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6Ii0yMCIsImRpc3BsYXkiOiIifX0="][vc_row_inner tdc_css="eyJhbGwiOnsiZGlzcGxheSI6IiJ9fQ=="][vc_column_inner tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6Ii0yMCIsImRpc3BsYXkiOiIifX0="]
Thanks
I have been struggling with making any changes to the theme panel in v9.2.2. I have looked at all settings, and de-activated the majority of my plugins.
I have decided to just upgrade to version 10 which I just purchased. What is the best way for me to apply v10 in place in v9?
Do I install it as a new theme (which has failed with “cannot find style.css file”) or overwrite the existing version 9?
I purchased the newspaper x theme, when i try to upload the theme i get a message that says
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Hi,
The Gutenberg editor is very small when we enable the Tagdiv composer plugin. There seems to be some conflict there in the CSS code.
https://trello-attachments.s3.amazonaws.com/5ecbeeab405f133c66f99eca/5ed12fa5266de22535645b82/5cb0f2c627b741dc6029c8aaf1dbb3fc/Screenshot_2020-05-29_at_15.52.41.png
I have custom css I only want applied to the blog page that’s been set
.blog {} isn’t working for me, ie as a test:
.blog h3 {
display: none !important;
}
And where I’m expecting to see a page-id in the body class, doesn’t exist:
<body class=”td-standard-pack global-block-template-13 tdc-header-template tdc-footer-template td-animation-stack-type0 td-boxed-layout td-js-loaded” itemscope=”itemscope” itemtype=”https://schema.org/WebPage”>
Using the class provided (see above) in combination with desired elements produces similar results on other pages, which is unwanted. For example:
.td-standard-pack.global-block-template-13.tdc-header-template.tdc-footer-template.td-animation-stack-type0.td-boxed-layout.td-js-loaded .entry-thumb.td-animation-stack-type0-2 {
width: 200px;
display: inline-block;
float: left;
margin-right: 20px;
border: 1px solid #F9BF00;
}
Also, td composer is disabled for the page in question with the comment “TD Composer is disabled on Posts Page”, so I can’t seem to create a custom class for it, either:
https://www.screencast.com/t/G1ivIjj1d
Can’t help but feel kinda stuck.
Suggestions?
Hello,
This is my website: https://ravasul.ro
All of this started 5 days a go.
On google page speed I was having 80+ on mobile and 90+ on desktop.
In this 5 days, I’ve tried to install some demos, I’ve tested them, trying different things .. i don’t like it so I am back to my “standard” configuration.
The issues is that now i have only 70+ on mobile and desktop, with the same “configuration” as before. I guess all started from installing different demos…
The most concerning thing is the index speed:
on desktop i have 4.2s
on mobile i have 8.9s (with AMP and mobile theme)
Some ideas ?
I’ve also deleted the cache and minified CSS/JS (I use WP fastest cache).
Hello, is there an option or a css code to make the main menu background full width. And how to adjust the full website canva’s margin please.
Thanks
Thanks, I recognized and removed the one inside the footer and the one inside the element.
I’ve still the problem with the one in header. I found it inside the html code, recognize that it’s related to the mobile view, however switching on phone view inside the editor I tried to select almost anything, but I didn’t found it. Is there a search for css properties somewhere?
Hi,
Unfortunately there is no option to can achieve that, the socials can be set with a custom css, but for logo is no option do do it.
The mobile menu can be set for responsive version from here -> https://i.imgur.com/AZyIDTi.png , if you are using a PRO Demo with tagDiv Composer -> https://i.imgur.com/zy5fzLK.png or if you are using the mobile theme plugin -> https://i.imgur.com/uoesamG.png
Thank you!
There is a problem with this link https://i.imgur.com/r4x80ZT.png
I used all browsers but none of them could open it. Anyway, I understand you.
You say “using tagDiv Composer, click on the row and check the css tab” but problem is that there is not any row includes “Header Ad”. Please watch that video: https://youtu.be/dHz_yZT_r4M
I click all over “Header ad”. I click on in under near “Header ad”. You see There is no row containing “Header ad”. I don’t understand it is strange.
Hi team,
we have started facing an issue wherein more stories option is showing wrongly seems something with the CSS can you please help here sharing the screenshot the images are overlayed to each other …
https://imgur.com/a/wGPwry7 –> Please see the snippet here
Hi,
You can do it using tagDiv Composer, click on the row and check the css tab -> https://i.imgur.com/r4x80ZT.png there you can change the padding top.
Hope this will help you!
Thank you!
3. A) You can edit theme colors from here: https://www.screencast.com/t/lRvUqjgV8
3. B) Yes, mobile theme is a very light design meant to provide faster speed.
3. C) No, see -> 3. B) answer
4. If you start using only cloud library templates and disable the tagDiv Standard pack plugin it will improve your page speed ( depending on its content) and you will be able to edit everything using tagDiv Composer.
5. A) Well there is the only place you can change the menu name. Also that is a wordpress features, Newspaper theme only renders it.
5. B) Please follow our tutorial here: https://forum.tagdiv.com/how-to-add-icons-in-menu/
7. You have the image button here: https://www.screencast.com/t/JDM2sTFav3m But you will still need a link for it.
9. Please provide a link to your website. We will try to activate it from CSS and give you the code.
I hope this was helpful !
Thank you !
Hello,
I’m not a fan of custom composers that each theme developer makes. There are already good page builders out there, you could’ve used one and customize it to the themes needs.
Why do you force your customers to learn how to use another page builder? And let’s face it, your page builder will never be as good as the major one’s that are developed from companies doing only that.
Please help me with the css of the title i’m trying to change.
Thanks
Hi,
Please try this custom css
.td-pb-article-list .td_module_mob_1 .td-post-category {
position: absolute;
left: 0;
top: 67px;
display: block;
background: #dd9933;
color: black;
font-weight: 700;
}
This should be what you need, the code will be apply only posts from latest articles.
Thank you!
Hi,
And what is the problem, as I can see the custom css is applying -> https://i.imgur.com/2FsVFIE.png
Thank you!
Hi,
To educe the margin you can use this custom css
.td-footer-wrap {
margin-bottom: 16px;
}
Also the number of px can be change after your needs.
The code need to be set in theme panel > mobile theme > css
Let me know the results!
Hello !
Unfortunately there is no transform function for this. Please note that since tagDiv Compsoer was created our theme focused on developing it in order to have our own page builder so we can provide so many features that are today. If you want we can help with some css coding for the fonts.
Thank you for your understanding !
Hi
I use default pro theme and selected a header from cloud templates. And finally I disabled all ads. But there is gap between menu bar and banner?
Please check photos of problem:
https://prnt.sc/spu5dx
https://prnt.sc/spu6rl
How can I remove the gap between menu bar and banner in the default pro theme? Is it possible to remove without using additional css code?
Hello !
Please use this css: .single .comments {
display: none;
}
.td-post-comments {
display: none;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Thank you !
