- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
Still the missing class is not present on the grid, only on that category page. It would be hard and maybe not a good solution to give you a CSS code fix for the issue. I suggest to try and reinstall the theme, that should fix this weird issue
– https://forum.tagdiv.com/install-via-ftp/
Please try this suggestion and check the results. Let us know if there still is a problem.
Thanks
Hi,
Please try this code in Theme panel->Custom CSS section
.td-black .bbp-topic-form select option {
color:black;
}
The result should be like this – https://www.screencast.com/t/pcOEuZZh1
Thanks
hi Simion,
Custom CSS can be used to ‘unpad’ the header as well: .td-block-title-wrap { margin-left:-4px; }
As to what people ‘would do’ with a default text block, how can you be so sure?
I am laying out a page with 4 text blocks, coloured borders and heads, and I know what the titles are, but somebody else is working on the text.
Is it somehow unreasonable for me to lay out these blocks with their default text, waiting to put the actual text in later? Meanwhile, all of the blocks will break the layout.
You should fix this. What people ‘should’ or ‘would’ do is not as obvious as you think.
regards,
Alan
Hi,
It would be possible, try a code like this
– https://www.screencast.com/t/IUpj97UnzE
@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display:block!important;
}
.td-header-sp-top-widget {
width:auto;
}}
Enter it in Theme panel->Custom CSS section and it should make the top menu visible on mobile.
Thanks
Hello Roundglass,
Unfortunately, please notice that our theme does not support any full-width page and that’s why you cannot achieve this, sorry!
Our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
So, please notice that you can try using our full-width elements from here -> https://www.screencast.com/t/LRlcy3d6Hdo
Thanks for your understanding!
Hello jfreyburger1,
If you want to remove that footer section, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.
.footer-text-wrap{
display:none;
}
The result is here -> https://www.screencast.com/t/8ED5bUtg
Thanks.
Hello E_Normus,
Unfortunately, the theme does not have any such an option that allows you to make these changes, sorry! You should try using a bit of CSS code to add a background image to your header style at the very top of the site, as you can see here -> https://www.screencast.com/t/rrbtrMYfr or you should change the header style with another one which allows you to make these changes.
Thanks for your understanding!
Hello there, i have been working on my page lately and its around 90 now. I added expiration on my htacess, however gtmetrix suggests me to set expiration for the following urls,
https://ajax.cloudflare.com/cdn-cgi/scripts/9014afdb/cloudflare-static/rocket.min.js
https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400%2C400italic%2C600%2C600italic%2C700%7CRoboto%3A300%2C400%2C400italic%2C500%2C500italic%2C700%2C900&ver=8.5.1
https://www.pcbuilderbd.com/cdn-cgi/scripts/af2821b0/cloudflare-static/email-decode.min.js
Any idea if its possible at all? Those of you using cloudflare how did you add the expiration?
We are having an issue similar to this one:
https://forum.tagdiv.com/topic/theme-colors-not-loading-menu-items-error/
When we load the core theme, everything works fine.
When we load the theme via child, we get no background colors (the fancy blue colors) in the theme panel. Also, all of the sub-items on the right side (that you see when you click the main items like HEADER and FOOTER and ADS on the left sidebar) simply display the square loading gif without actually opening the panel.
The theme .zip was freshly downloaded from Themeforest last night. The theme version is listed as 8.5.1 but the child theme’s style.css has the version listed as 7.7c. Is this breaking the loading of the child theme in any way? I see the enqueueing in the child’s functions.php:
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );
Do the style versions need to match?
Question : How to increase size for: td-main-content-wrap td-main-page-wrap td-container-wrap. I want to set it 100%. Do i need to add css or there is settings available?
it is showing width :
.td-boxed-layout .td-container-wrap {
width: 1164px;
/* width: 100%; */
}
Question : How to increase size for: td-main-content-wrap td-main-page-wrap td-container-wrap. I want to set it 100%. Do i need to add css or there is settings available?
it is showing width :
.td-boxed-layout .td-container-wrap {
width: 1164px;
/* width: 100%; */
}
Hi,
Everytime that I setup the alpha channel under Them Colors – Mobile Menu – Menu Bar – Background Color, I keep getting a grey background color on mobile.
If I add custom css to set the background color transparent, it changes all the elements padding on desktop.
BTW, I’m not using a mobile plugin or tagdiv composer
I assume this should be a simple solution, I hope so…
Thanks and hoping to hear from you soon
Hi,
The weather widget does not have any font settings at the moment. These fonts are predefined in the theme
– https://www.screencast.com/t/Tsy5wCO0O
There could be options added in the future, but I could not say for sure.
A solution would be to change them with CSS. If you should consider it, please provide a link to your website and more details about how you want it to be.
Thanks
I found the bug, (and it is a bug!)
I tackled the problem with renewed determination and got results. I’m looking more fondly on TD Composer this morning.
The bug occurred because I was testing a column text block to see if custom css could prevent the padding of a text block title but not the text below it.
While the text padding moves the text away from a border (good), the ‘me-too’ header padding leaves an unsightly white strip beside the colored background of the header (bad). I need to make it clear that Custom CSS was empty while creating (and re-creating endlessly) this bug.
So . . .
Home Page Layout:
• Full width row with banner image
• 2/3:1/3 row with ‘td-ss-row’ added class to make the 1/3 row sticky.
• inner row 1/2:1/2 .
• several blocks in each of the two columns, a mix of column text and raw html blocks
At the bottom of the left hand column (as it turns out bug will work at any place up or down the column) I put a default column text block. I changed the title to ‘Test Title Adjust” but I was happy with the default text (it was only a test, after all!)
-
so I did not change it
. I gave the block an all-around border and padded it left and right in order to create the unsightly header I was hoping to correct.
It saved fine the first time in TD Composer and displayed correctly in the page. However, TD composer did not append a [/vc_column_text] shortcode to close this block with its default text.
When I next open then save this page in TD Composer (without doing anything else), it is apparently confused by the [vc_column_text beginning. . . .] but no [/vc_column_text] shortcode to close the block.
Its response to the confusion is rather strange! At the head of the second column, it adds a second pair of quote marks like so: [vc_column_inner width=”1/2”] becomes [vc_column_inner width=””1/2””]. This breaks the layout, placing a full width second column under the ½ width first column. (repeat visits to TD Composer seem to sprinkle pairs of quotes in places down the second column, but I haven’t really explored that.)
Removing the extra quote marks around the column width restores the layout (only momentarily, if the padded default text box does not have new text added to trigger the adding of [/vc_column_text].)
Demand that users change the text? Otherwise don’t create the box? Alert box them if they don’t? Add the closing shortcode anyway?
So, continuing on, it seems, I’m still playing with the column text block title that I’m trying to ‘unpad’. I can get every title including standalone titles to ‘unpad’ by using custom css ‘.block-title{ margin-left: -4px}’ but that leaves all the standalone titles jutting left and looking unsightly. Any ideas on how I can identify only those titles within a text box?
Thanks for the offer of the refund, but I’m perfectly happy with Newspaper and TD Composer (much better than Visual Composer) for the photo magazine blog for which I bought the theme and for which it is licensed.
I’ve been taking a liberal interpretation of localhost usage to try the theme out for a client looking to port a much more text-based DNN website to WordPress (which will, if and when it sees the light of day, require a new purchase/license.) This is the project I’m not so sure about, but finding the bug has certainly improved my mood!
Regards,
Alan
Hello Josuesantana,
Please notice that if you want that your Twitter Sharing to be opened in a new window you should have enabled the Like/Tweet button from here -> https://www.screencast.com/t/f5GDCzlkVc Also, if you do not like it appears this option in the frontend, you should use a bit of CSS code to hide them. Try the code and place it in Theme panel -> Custom CSS area.
The code is ->
.td-classic-sharing{
display:none;
}
Thanks for the message!
Thanks. What I’m finding by editing the Custom CSS, it causes a ‘flash delay’ before my changes appear. It will load the original setting, then a second later load my edit.
Am I right in thinking that to remove this delay, I would need to edit the ‘style.css’ file? How would I go about doing this?
Many thanks.
Hi,
A theme setting for this is not available at the moment. But you could style the category title with CSS, to be similar to the block header style
– https://www.screencast.com/t/zWSzpaZaaaJy
This is the code used in the example, you may modify it as you wish if needed
.category .td-page-title:before {
content: '\e904';
font-family: 'newspaper',sans-serif;
font-size: 10px;
position: absolute;
bottom: -8px;
left: 0;
right: 0;
text-align:center;
margin: auto;
line-height: 1;
}
.category .td-page-title {
text-align:center;
}
Thanks
Hi,
That would be possible, try a code like this to remove the header menu
– https://www.screencast.com/t/FEhqcRZ6
.td-header-main-menu {
display: none;
}
The code will apply on the whole website. Enter it in Theme panel->Custom CSS code section.
Thanks
Hi,
A solution would be to use the Advanced Custom CSS sections in the theme panel. I believe you want the solution provided for the title is how you want it for desktop. For mobile you could use a code like this to reduce the title size
– https://www.screencast.com/t/pBSM1NyPE
You could even center the title on mobile if you wish
– https://www.screencast.com/t/O746D9ag2Rm
This is the code used in the example, enter it in the Advanced CSS->Phones section (remove the center align if not needed)
.td_module_14 .td-module-title {
font-size: 24px;
line-height: 28px;
text-align: center;
}
There are also excerpt settings for all modules but those will affect both desktop and mobile situation
– https://forum.tagdiv.com/excerpts-introduction/
Thanks
Hi,
That would be possible with a code like this, it will make the category tags of your chosen color on the homepage
– https://www.screencast.com/t/38bwoqJYwC0u
.home .td-post-category {
background-color: red;
}
Enter it in Theme panel->Mobile theme->Custom CSS code.
Thanks
Hi,
That is unusual, the background should be white for the mobile theme. Please enter this code in Theme panel->Mobile theme->Custom CSS section
body {
background-color: white;
}
Let us know if there still is a problem.
Thanks
Hello,
I’m trying to add a background image to the header in header style 8. Is this possible? Is there css code I could use?
Thank You
Hi Bogdan,
Sorry to say you are wrong. (So am I.) I did say actually that there was no custom code, because I had removed it all as a first step. But it turned out that entering Tagdiv Composer and doing ANYTHING or NOTHING and then saving the change (or no change) would cause the second column to append double width to the first, and make it impossible to continue.
I backed up until I found a saved version of the page where that didn’t happen, and tried to remove things from column 1 and/or column 2 bit by bit (including some raw html sections, which I suspected. However, after endless rounds of removing and saving and checking and thinking I had solved the problem, suddenly each time it resulted in the column layout breaking again. You have so much custom hexadecimal coding (as opposed to HTML/CSS styling embedded in the blocks that I simply can go no further. I think I need another theme that allows me to build blocks of text and raw html with some ability to troubleshoot them. I acknowledge entirely how strong your theme is for magazine-style photoblogging, but its not going to work for my largely text needs.
Regards,
Alan
We opted for AMP here, then did massive optimization of desktop version for responsive purposes (we use native fonts, remove unused code like bbpress or woocommerce, minify js and css, inline critical css above the fold, etc.).
Time consuming work, but just one of many options. 🙂
