- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
You need to increase the percentage of the top proprietary css.
Thank you!
This is what we get when we try to install the theme:
Installing theme from uploaded file: themeforest-R61moT82-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Please help us understand what we need to do to rectify this.
Thanks,
Hello,
No, you can change only with custom code css
.td_block_image_box .td-custom-title
{
top:80%!important;
}
The code needs to be set in the Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Hello,
To resolve the problem with the height on those videos you can use a custom css like this one:
.tdcpt_doctors-template-default .tdb_single_custom_field iframe{
height: 315px!important;
}
The code should be set in the theme panel > custom code> custom css or on the tdcpt_doctor cloud template in a css row.
I hope this will help you!
Hello oap,
Indeed the X logo for tweeter appears to be 1-2px to the right, it can be resolved using this code:
.td-social-twitter .td-icon-twitter {
left: -2px;
}
This code needs to be set in the theme panel > custom code> custom css.
Also related to the color, by default the background color for twitter is blue, but this depends on the style you are use – https://i.imgur.com/obquCPv.png – https://i.imgur.com/064ayG7.png
If you still have some problems, please provide a link to your website where I can investigated those problems.
Thank you!
After the last update, this error appears:
Warning: Undefined array key “undefined” in /home/bartosz/domains/gorzow.news/public_html/wp-content/plugins/td-composer/legacy/common/wp_booster/td_css_res_compiler.php on line 545
Hi in the new 12.6 update where is Theme Panel for minifying and aggregating block’s inline CSS option located exactly?
Also, Specific JS files are now loaded only when needed are going to happen automatically or do we need to turn an option on?
I just installed the new theme update and it broke my header only displaying code now as following :
[tdb_header_weather icon_color=”#ffffff” temp_color=”#ffffff” loc_color=”#ffffff” inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ location=”New York” f_temp_font_line_height=”28px” f_loc_font_line_height=”28px”][tdb_header_date inline=”yes” date_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzIiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZSI6eyJtYXJnaW4tcmlnaHQiOiIyMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOSwicG9ydHJhaXQiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ f_date_font_line_height=”28px”][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#ffffff” log_color=”#ffffff” log_ico_color=”#ffffff” tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMTQiLCJkaXNwbGF5IjoiIn19″ photo_size=”19″ f_usr_font_line_height=”28px” f_log_font_line_height=”28px” show_log=””][tdb_mobile_horiz_menu inline=”yes” menu_id=”” f_sub_elem_font_weight=”” text_color=”#ffffff” f_elem_font_size=”11″ f_elem_font_weight=”400″ tdc_css=”eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7ImRpc3BsYXkiOiJub25lIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ text_color_h=”#4db2ec” elem_padd=”0″ f_elem_font_line_height=”28px” elem_space=”16″ sub_left=”-18″ f_sub_elem_font_line_height=”1.2″ main_sub_tdicon=”td-icon-down”]
[tdb_header_logo image=”” image_retina=”” align_vert=”content-vert-center” align_horiz=”content-horiz-center” image_width=”eyJwb3J0cmFpdCI6IjIyMCJ9″]
[tdb_header_menu mc1_title_tag=”p” main_sub_tdicon=”td-icon-down” sub_tdicon=”td-icon-right-arrow” mm_align_horiz=”content-horiz-center” modules_on_row_regular=”20%” modules_on_row_cats=”25%” image_size=”td_324x400″ modules_category=”image” show_excerpt=”none” show_com=”none” show_date=”” show_author=”none” mm_sub_align_horiz=”content-horiz-right” mm_elem_align_horiz=”content-horiz-right” inline=”yes” menu_id=”” mm_align_screen=”yes” f_elem_font_family=”” f_elem_font_size=”eyJwb3J0cmFpdCI6IjExIn0=” mm_width=”1300″ mm_subcats_bg=”#ffffff” mm_elem_border_a=”0 1px 0 0″ mm_elem_padd=”eyJhbGwiOiIycHggMjJweCIsInBvcnRyYWl0IjoiMCAxNHB4In0=” mm_sub_padd=”eyJhbGwiOiIxNnB4IDAiLCJwb3J0cmFpdCI6IjE0cHggMCJ9″ f_title_font_size=”eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMyJ9″ f_title_font_line_height=”1.2″ art_title=”3px 0″ f_mm_sub_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” mm_child_cats=”10″ mm_elem_border=”0 1px 0 0″ mm_height=”eyJhbGwiOiIzNDUiLCJsYW5kc2NhcGUiOiIzMDAiLCJwb3J0cmFpdCI6IjI0MCJ9″ mm_sub_width=”eyJsYW5kc2NhcGUiOiIxNjAiLCJwb3J0cmFpdCI6IjE0MCJ9″ mm_padd=”eyJwb3J0cmFpdCI6IjE0In0=” modules_gap=”eyJwb3J0cmFpdCI6IjE0In0=” elem_padd=”eyJwb3J0cmFpdCI6IjAgMTJweCJ9″ f_elem_font_line_height=”eyJwb3J0cmFpdCI6IjQ4cHgifQ==” video_icon=”eyJwb3J0cmFpdCI6IjI0In0=” all_modules_space=”26″ tds_menu_sub_active=”tds_menu_sub_active1″ tds_menu_sub_active2-line_color=”” tds_menu_active=”tds_menu_active1″][tdb_header_search inline=”yes” toggle_txt_pos=”after” form_align=”content-horiz-right” results_msg_align=”content-horiz-center” image_floated=”float_left” image_width=”30″ image_size=”td_324x400″ show_cat=”none” show_btn=”none” show_date=”” show_review=”” show_com=”none” show_excerpt=”none” show_author=”none” art_title=”0 0 2px 0″ all_modules_space=”20″ tdicon=”td-icon-magnifier-big-rounded” icon_size=”eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTgifQ==” tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=” modules_on_row=”eyJhbGwiOiI1MCUiLCJwb3J0cmFpdCI6IjUwJSIsImxhbmRzY2FwZSI6IjUwJSJ9″ meta_info_horiz=”content-horiz-left” form_width=”600″ input_border=”0 0 1px 0″ modules_divider=”” form_padding=”eyJwb3J0cmFpdCI6IjIwcHggMjBweCAyMHB4IiwiYWxsIjoiMzBweCJ9″ arrow_color=”#ffffff” btn_bg_h=”rgba(0,0,0,0)” btn_tdicon=”td-icon-menu-right” btn_icon_pos=”after” btn_icon_size=”7″ btn_icon_space=”8″ f_title_font_family=”” f_cat_font_family=”” f_cat_font_transform=”uppercase” f_title_font_weight=”” f_title_font_transform=”” f_title_font_size=”13″ title_txt_hover=”#4db2ec” results_limit=”6″ float_block=”yes” icon_color=”#000000″ results_border=”0 0 1px 0″ f_title_font_line_height=”1.4″ btn_color=”#000000″ btn_color_h=”#4db2ec” all_underline_color=”” results_msg_color_h=”#4db2ec” image_height=”100″ meta_padding=”3px 0 0 16px” modules_gap=”20″ mc1_tl=”12″ show_form=”yes” f_meta_font_weight=”” h_effect=”” results_msg_padding=”10px 0″ f_results_msg_font_style=”normal” video_icon=”24″ modules_divider_color=”” modules_border_color=”” btn_padding=”0″ form_border=”0″ form_shadow_shadow_offset_vertical=”3″ results_padding=”0 30px 30px” btn_bg=”rgba(0,0,0,0)” icon_padding=”eyJhbGwiOjIuNCwicG9ydHJhaXQiOiIyLjYifQ==”]
Hello sir I want to add a code using HTML and CSS in this theme. But this code is not working. But I try another wordpress website where is install another themes in this another themes it’s working fine.
I just want to add two button in a specific post. The post will be sure to static button. It’s working another theme fine but in this newspaper things not work.
My website login username and password:
https://acallgirl.com/wp-admin
The code is in the below section:
<div class=”fixed-buttons”>
<button id=”whatsapp-button”>
<i class=”fab fa-whatsapp fa-3x”></i>
</button>
<button id=”phone-call-button”>
<i class=”fas fa-phone fa-3x”></i>
</button>
</div>
<style>
.fixed-buttons {
position: fixed;
bottom: 20px; /* Adjust the distance from the bottom as needed */
left: 50%; /* Center the buttons horizontally */
transform: translateX(-50%);
z-index: 9999;
text-align: center;
}
.fixed-buttons button {
padding: 10px; /* Adjust the button size as needed */
margin: 5px; /* Adjust the button spacing as needed */
background-color: #0073e6; /* Adjust the button’s background color */
color: black; /* Adjust the button’s text color */
border: none;
cursor: pointer;
}
.fixed-buttons button i {
margin-right: 5px; /* Add spacing between the icon and text */
}
.fixed-buttons button:hover {
background-color: #0054a9; /* Adjust the button’s background color on hover */
}
@media (max-width: 768px) {
.fixed-buttons {
left: 20px; /* Adjust the left distance for mobile and tablet screens */
bottom: 5%; /* Center the buttons vertically */
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.fixed-buttons button {
padding: 5px; /* Make the buttons smaller for mobile and tablet screens */
margin: 5px 0; /* Add spacing between the buttons */
}
.fixed-buttons button i {
font-size: 24px; /* Increase the icon size for mobile and tablet screens */
}
}
</style>
What I did, was this:
use console view in Chrome, and note down the specific most annoyingly smalle items (e.g., breadcrumbs, basic body text, tags/categories), and then put custom CSS in the WordPress appearance > Customizer.
e.g.,
.entry-crumbs {margin-bottom:18px;font-size:14px;color:#555555;}
.homeh1{font-size:20px;font-weight:700;text-align:center; border-bottom:1px #AAA solid; padding-bottom:24px;}
.td-post-content p a{text-decoration:underline!important;}
.entry-crumbs a:active{margin-bottom:18px;font-size:14px;color:#CC0000;}
.entry-crumbs a{margin-bottom:18px;font-size:14px;color:#CC0000;text-transform:uppercase;}
.td-tags{font-size:13px;}
.td-post-small-box{height:20px;line-height:24px;margin-bottom:5px;}
.td_module_mx2 .item-details {margin: 0 20px 20px 20px;display: block;min-height:60px;}
.meta-info{font-size:14px;color:#444;line-height:21px;margin-top:21px;margin-bottom:21px;}
.td-category{font-size:13px;}
.entry-category{height:20px;line-height:24px;margin-bottom:5px;}
Hello, Im using Gadgeds Pro prebuilded website theme. (blacksea.edu.ge).
everithing is fine but one day all shadows, item borders and background is dissappear. I thought it was some css mistake, or i ruined something. then I go to look on your website demos, and there is disappear same elements!
I have side popup plugin, when popup appears all this elements is shown as well, when I close the popup window, then every shadow and border and background dissappear. But repeat, same issua happens to your live demo preview. maybe you use some online css files that theme taks parameters from there? anyway, I will appretiate if it turns normal again.
I have left 5 days support, please help. Thank you.
Hi,
Did you import only the header template? You can delete the class if you don’t want it.
The code is used for this text https://i.imgur.com/qLt3ukD.png
This is the code, you cam set it in the raw css
.td-living-logo:before {
content: 'PRO';
color: #3894ff;
background-color: #000;
padding: 1px 3px;
font-family: Roboto Condensed, sans-serif;
font-size: 11px;
line-height: 1;
letter-spacing: 2px;
position: absolute;
right: 0;
top: 11px;
z-index: 1;
}
.td-living-logo .tdb-logo-text-tagline {
position: relative;
left: 2px;
}
Thank you!
Hi @Anamaria,
Thank you for your response. Where exactly is this Custom CSS code set? I see the class but I can nowhere track down from where it is defined. The custom css section in tagdive composer for this element is empty, also the themes custom css section and the wordpress default site edit custom css section, all empty.
Looking forward to your answer.
Thank you!
Hello @rayancruzneves !
Edit the homepage with the TagDiv Composer, click on that element and add a class like this: https://prnt.sc/7RdNvr4p1nH6
Save and view the page. Open the Live CSS box: https://prnt.sc/1DsTrQsBVqZZ and paste this code:
.test h3.entry-title.td-module-title:before {
content: '';
width: 7px;
height: 7px;
background-color: black;
position: relative;
display: inline-block;
top: -2px;
margin-right: 5px;
}
Thank you!
Hi,
For this website, you can do the design with tagdiv Composer. The class is set on the logo element and the code css is set in the css code https://i.imgur.com/gJhSqWx.png
Thank you!
Hi,
Could you please tell me from where you defined the class “td-living-logo” for the prebuild website Living Pro?
Thank you,
David
Hi,
If you want you can try a custom code, but this kind of code is not the best, and it’s possible to not apply for all elements (some elements can have a strong css for the fonts).
body * {
font-size: calc(100% + 1px)!important;
}
Thank you!
Ok. But for now can i do it via css. What class should i use.
My CSS analyzer doesn’t seem to be doing anything. All is does is look at the page. The links “Generate Critical CSS” and “Remove unused CSS” are dead links, just http://www.domain.com/#
Hello luke-tt,
You should use the post/page id for the css, like this -> https://i.imgur.com/F8ciU46.png
.postid-204004 .td-post-date {
display: none;
}
I hope this will help you!
Hello @cyberhrc !
You don’t need to scroll. The top bar disappears after the site is fully loaded.
Do you use some custom CSS on that header?
Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Thank you!
Hello,
Please use this custom code to hide the breadcrumbs
.td-crumb-container{
display: none
}
The code needs to be set in the Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf
Thank you!
Thanks a bunch for your prompt reply.
Ok referring to the same numbers above again:
1) Ok I understand its pro-services then for this piece. If I pay for something, can you also make it available in all future releases for everyone? I dont just want to buy a one-off custom fix that I will have to support forever on my own or with pro services through future product updates. I know this is a simple feature that will benefit everyone.
2) Regarding this https://prnt.sc/gjfNEMD7RE7I Can you please see if the same thing happens to you when you install the full Crypto Pro Template Demo with all example data? Im just trying to get the Posts Loop on the Home Page to work properly in the way I described. I agree it doesnt make sense why the excluded posts that I specified from one category, that I dont want to show up on the Posts Loop element, are still showing up only when logged out. I do need to use the Numbered Page Pagination…so I think the easiest solution is to figure out if theres a bug or something, and just get the Posts Loop Element working, since that Element already has what I need and I just need it to function properly. The Flex Block 1 works perfectly fine when excluding individual posts, so you would think that if this issue was with another plugin conflict on my site or something, that even the Flex Block 1 Elements woukd be having the same difficulty hiding specific posts with no category filter enabled, and it works perfect. The fact that this Posts Loop Element looks fine in admin mode/logged-in and then completely ignored the hidden posts properties when logged-out is very strange. I checked for plugin issues and CSS conflicts but Im not seeing anything.
3) How would you go about adding/creating a new block with new features? Are you referring to pro services here for this as well?
4) Are there any other blocks that you know of, where I can style them exactly the same as the Posts Loop, but still exclude categories? What other Elements could I try? There’s so many elements that I havent looked through every single one yet. Again Im just trying to stylize another Element to look the same as Posts Loop, with Numbered Pagination, and I can filter categories or posts from it. Pretty simple I hope.
5) Aside from pro services, and with the understanding that you folks can only provide support here, how does tagDiv go about taking feature requests in-general? I feel like every user of Newspaper Theme would want to be able to have the ability to use Numbered Pagination on a block of posts while being able to filter posts and categories. Im not sure sure how much pro services costs for this but if its not a lot of extra money then sure I maybe I’ll considee funding it. From a coding perspective, everything already exists and is written, I just need a Posts Loop Element with category filters, OR I need a Flex Block 1 Element with Pagination, and if that means just merging the functions of both into a new Block then that sounds possible and not that difficult to do in the future. Flex Block 1 already supports pagination, just not Numeric Pagination, so I just dont understand why its a difficult think to add the extra form of Pagination to Flex Block 1. Once again though, if there’s any other alternatives, Im happy to try it. Im just very curious how tagDiv handles feature requests. It sounds like there arent feature requests and just pro-services for anything that doesnt currently exist in terms of functionality? I just want to make sure I understand the full picture.
Thanks in advance one more for your time and help. 🙂
