- 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
Hi,
Would you be so kind a give me the TD-Composer settings or (/and?) the custom CSS to turn only the Module Flex 1 in Flex Block 4 into a “card”. In my case the cards should be with a gray card background, a border and a drop-shadow. Basically similar to your Architecture preset, on a white wrap. (But I do not use Architecture!)
Thank you
Hi,
Yes this is possible with custom css or if you build your own header
Newspaper Theme 9.5 Update: What’s new in the Newspaper Theme -> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
If you need help with custom css please provide me a link were I can inspect this menu.
Thank you!
Hi,
If that is what you want here is the theme settings from iGossip
-> https://pastebin.com/0CvkRftL but please make sure that you do not have any custom css in theme panel custom code.
Thank you!
Hi,
You have set on a:hover { text-decoration:underline; }
Please try this custom css
.sf-menu > .current-menu-item > a:after {
text-decoration: none;
}
if is not work you can set the text-decoration: none!important
Hope this will help you!
Hi,
That is the page padding top, it is coming from the theme – http://prntscr.com/mkfrrb
One way of removing it is with CSS – http://prntscr.com/mkfstd
.home .td-main-page-wrap {
padding-top: 0;
}
Thanks
Hi,
You have set a padding-top -> https://www.screencast.com/t/UBzNuaNRPg if you’ll remove it your page will look like this -> https://www.screencast.com/t/DT7wgNJx ; you can do this with custom css -> https://www.screencast.com/t/3B7X7hjJ5uS
set the code in Newspaper>Theme panel>Custom code>Custom css ->
.td-main-page-wrap {
padding-top: 0;
}
or for line -> https://www.screencast.com/t/5H7DHHhxWI -> https://www.screencast.com/t/EOMd7CVNHu
.td-header-style-11 .td-logo-wrap-full {
border-bottom: 0;
}
Hope this will help you!
Thanks.
Hi,
Sorry, but I could not figure it out from your screenshot if is a cloud template or not, sorry;
If you want I can help you to align the time ago, and change the color with a custom css, but in order to do that I will need a link where I can inspect this problem.
Thank you for your understanding!
Seems I missed the seconds issue, sorry.
If it’s a ul it will have bullet points. The quickest method to remove bullet points for a list inside a blockquote is with some CSS, like this
– http://prntscr.com/mkebzq
.td-post-content blockquote ul {
list-style: none;
}
If this code is entered in the custom CSS section of the theme panel, it will apply to all ul inside a blockquote, in the post content.
Dear, I have applied the code, but there are two problems.
1) The CSS Code Sheet showing 2 red cross in two line. Please take a look at the pic for further info.
2) The padding in mobile devices still remains the same and I didn’t observe any change.
3) Can you make the Woocommerce Text size as bold and large as used in the Woocommerce product? Plz used the same font pixel as used in woocommerce products and make it bolder.
I have set the CSS Code and wouldn’t remove it as suggested by you.
Thanks for your cooperation.
I am getting this error when i tried to add new post or to create new page.
Warning: filemtime(): stat failed for /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider//includes/gutenberg-blocks/assets/js/editor.blocks.js in /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider/admin/revslider-admin.class.php on line 2220
Warning: filemtime(): stat failed for /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider//includes/gutenberg-blocks/assets/css/blocks.style.css in /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider/admin/revslider-admin.class.php on line 2228
Warning: filemtime(): stat failed for /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider//includes/gutenberg-blocks/assets/css/blocks.style.css in /homepages/17/d772843201/htdocs/app772909183/wp-content/plugins/revslider/admin/revslider-admin.class.php on line 2241
I was able to accomplish this by adding the following Custom CSS (insert under “Custom Code” in the theme panel):
@media screen and (min-width: 600px) {
.show-only-on-mobile div {
display:none;
}
}
and then added “show-only-on-mobile” in the Extra class field of the TagDiv Composer element(s) to appear only on mobile devices (screen width <600px).
This was my solution to displaying nav menus to mobile visitors since they either don’t know or don’t want to click the hamburger menu to get to them. I’m now getting a bunch of clicks to deep pages from the main page. Now to insert these embedded menus to the bottom of posts. 😉
I found a bug. On the site in Custom CSS is this code, it conflicts with the theme itself. This code was written by us to create this order form https://yadi.sk/i/XByXlnjVosKA_Q. When I deleted it, the underline was gone. If you can find out what’s wrong with him, I’d really appreciate it. Code itself:
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=”button”],input[type=”reset”],input[type=”submit”]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=”checkbox”],input[type=”radio”]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=”number”]::-webkit-inner-spin-button,input[type=”number”]::-webkit-outer-spin-button{height:auto}input[type=”search”]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=”search”]::-webkit-search-cancel-button,input[type=”search”]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:”Helvetica Neue”,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=”button”]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:640px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=”col-“]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:640px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:” “}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:639px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:639px){.visible-xs-block{display:block !important}}@media (max-width:639px){.visible-xs-inline{display:inline !important}}@media (max-width:639px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:640px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:640px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:639px){.hidden-xs{display:none !important}}@media (min-width:640px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
@font-face {
/*font-family: ‘Mariad Pro’;*/
src: url(‘../font/MariadPro-Regular.otf’) format(‘opentype’);
font-weight: normal;
font-style: normal;
}
.banks-block .mobile {display: none;}
html body .banks-block {
/*font-family: ‘Mariad Pro’ !important;*/
background: #fff;
color:#111;
position: relative;
width:100%;
border: 5px solid #dae1e6;
padding: 30px 18px;
margin: 10px 0px;
}
.banks-block .icon-wrap span {
/*font-family: ‘Mariad Pro’ !important;*/
display: inline-block;
}
.td-post-content .banks-block img {
display: inline-block;
}
.td-post-content img, .wpb_text_column img, .td_block_text_with_title img, .woocommerce #tab-description img, .mce-content-body .banks-block img {
margin-bottom: 0px;
}
.banks-block img {max-width:100%}
.banks-block .button a {
display:block;
text-align: center;
background:#4eba26;
color:#fff;
font-size: 14px;
padding:10px 2px;
text-decoration: none !important;
}
.banks-block .wrap-left {
width:100%;
max-width:220px;
}
.banks-block .img-card {margin-bottom:40px;
text-align: center;
}
.banks-block .img-card img:hover { -webkit-box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);
-moz-box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);
box-shadow: 0px 0px 15px 3px rgba(208,208,208,1);}
.banks-block .button a:hover {
background: #47af20 ;
}
.banks-block .wrap-center{font-size: 14px;}
.h2-title{
text-align: center;
display: inline-block;
border-bottom:3px solid #dae1e6;
margin-bottom:30px;
}
.h2-title h2 {font-size:18px;
text-transform:uppercase;
margin-top:0px;
margin-bottom: 0px;
}
.banks-block .icon-wrap span {margin-right: 7px;}
.wrap-right .bank-logo {
margin-top:52px;
margin-bottom:40px;
text-align: center;
}
.banks-block .wrap-center .mb-4 {margin-bottom:15px;}
.banks-block .wrap-center .icon-wrap span img {max-width:40px;}
@media (max-width: 640px){
.banks-block .mobile {display:block; }
.banks-block .wrap-left {
max-width: 100%;
margin-bottom:20px;
}
.banks-block .h2-title {display: block;}
.banks-block .decktop {display: none;}
.banks-block .wrap-center .mb-4 {margin-bottom:0px;}
}
also if you need OK sharing button:
1) I decided that I don’t need LinkedIn in my site.
2) includes/wp_booster/td_social_sharing.php
3) search: case ‘linkedin’
4) change the whole block:
case ‘linkedin’:
return array(
‘url’ => ‘https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=’ . $page_permalink,
‘title’ => ‘OK’
);
break;
5) change the next styles in styles.css:
for icon:
.td-icon-linkedin:before {
content: ‘\f263’;
font-family: ok;
}
for button color:
.td-ps-bg .td-social-linkedin .td-social-but-icon,
.td-ps-bg .td-social-linkedin .td-social-but-text {
background-color: #e87005;
}
also to fix sharing field’s names in admin panel and titles on your site:
includes/wp_booster/td_social_icons.php
look for:
‘xing’ => ‘Xing’
‘linkedin’ => ‘LinkedIn’,
change to:
‘xing’ => ‘OK’
‘linkedin’ => ‘OK’
I’m not css and php specialist and my native language is not English, so I’m sorry if my way to fix problems would cause rejection of perfectionists, professional coders and/or grammar nazis. But it works! 🙂
for those who has same problem with social menu.
1) download font pack from https://fontawesome.com/
2) put “fa-brands-400” files to images/icons/ of yout theme.
3) add to your styles.css:
@font-face{
font-family: ‘ok’;
src: url(‘images/icons/fa-brands-400.eot’);
src: url(‘images/icons/fa-brands-400.eot?iefix’) format(‘eot’),
url(‘images/icons/fa-brands-400.woff’) format(‘woff’),
url(‘images/icons/fa-brands-400.ttf’) format(‘truetype’),
url(‘images/icons/fa-brands-400.svg#webfont’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
4) I don’t need, for example, Xing, so I changed it to OK. I changed .td-icon-xing:before:
.td-icon-xing:before {
content: ‘\f263’;
font-family: ok;
}
5) to set OK’s brand hover coler I changed .td-social-icon-wrap:hover i.td-icon-xing to:
.td-social-icon-wrap:hover i.td-icon-xing {
color: #e87005;
}
I did change those settings in the theme panel (https://i.imgur.com/wfs9bFC.jpg), but they were not enough (such as the inability to change the color from blue to black), so I had to add additional CSS.
However, yes, that is for the front end and what bothers me right now is the backend. I’m not sure what CSS I would have to change for that, but if there isn’t any, then I can make due with typing things outside of quotes for now and then wrapping them in block quotes when they’re done.
But this does not address the bullet point issue, which I would need fixing. How do I automatically align all bullet point lists to the left instead of to the center in previous blockquotes that were created in past posts? The presentation the new blockquotes forced isn’t what I want.
Hi,
I have checked your website and I saw that you are using theiaPostslider plugin which is not tested with our theme and which also, inject some HTML to your page. Use the code below and place it in Theme panel -> Custom CSS Area and check the results.
.theiaPostSlider_footer._footer{
display:none;
}
.page-id-3945 #td-outer-wrap p{
display:none!important;
}
Hope that help!
Thanks
Hi,
You can try some templates from tagDiv Cloud Library using those templates you’ll have more control over the style and layout from them.
If you want to use some custom css please provide me a link were I can inspect this problem!
The file for category is wp-content\themes\Newspaper\category.php
-> https://www.screencast.com/t/UykAMIgA8H
Thank you for your understanding!
Hi Simion,
I am uploading the logo in full size, however when investigating the css, then I can see that “max-height: 86px;” is activated. How do I remove this?
Thanks 🙂
/TW
Hi,
With the current header and version of Newspaper theme you’ll need to add a custom css in order to acheive that -> https://www.screencast.com/t/eBF9TmsgVj
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
color: red;
}
Newspaper Theme 9.5 Update: What’s new in the Newspaper Theme -> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
Thank you!
I see it now. The block title is grey despite setting a black color. The same happens for me – http://prntscr.com/mk1luo
Seems to be an issue with block header template 8, I will add it on our list and it will be fixed. Sorry for the inconvenience.
I could give you a CSS solution to make the title black when using block header style 8
.td_block_template_8 .td-block-title span {
color: black!important;
}
It will affect all blocks that use block header template 8, I could modify it if needed. Let me know.
Hi,
You can try using the code below and place it in Theme panel -> Custom CSS Area.
::selection {
background: #4db2ec;
}
Thanks.
Hi,
If you want to change the Top Bar menu design, you need to create your own custom CSS code using the Inspector Browser like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
An issue I have with the blockquote appearance with the Newspaper theme is how large it is, which looks awful with long quotes. So I added the following code for CSS, which rectified some of the issue on the front-end:
.td-post-content blockquote p {
color: black !important;
text-transform: none !important;
font-size: 17px !important;
line-height: 30px !important;
text-align: left !important;
font-weight: 500 !important;
}
However, on the backend editing side, blockquotes are still unmanageable and very large. How do I make them appear properly with the CSS edits I made, but for the editing side?
Example: https://i.imgur.com/URVcmx8.jpg
Front end: https://i.imgur.com/AKKXkUp.jpg
Additionally, switching to Newspaper retroactively made bullet point lists within quotes in previous posts aligned to the center, like so: https://i.imgur.com/uVOBic2.jpg
How do I fix this? If I manually go into edit the post and align the bullet points to the left, then the appearance I want is achieved, but I can’t do that manually thousands of posts that were already on the website.
Hi,
Unfortunately, the theme does not have any such an automatic option for this, sorry! You can use a custom CSS code for that or you can check the theme core files and add such a condition in this case. It’s not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hi,
Flex blocks are the only blocks that have such a setting – http://prntscr.com/mk097i
Default blocks don’t have a setting for the excerpt color. It could be set with CSS, I could give you a solution.
Mention for which blocks you want to do this, or if it should be in general. Let me know.
Thanks