- 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
Hello emstudios,
Please try the following code and place it in Theme panel->Custom CSS area.
.menu-item-956 a {
color:red!important;
text-decoration:underline;
}
The result -> http://screencast.com/t/rq8BS6tMF8QT
Thank you for the message!
Hi
Changing the page structure is not an easy task and requires lots of cutomizations in order to achieve the desired result.
Also the actual structure don’t affect the SEO. Basically the theme does not control the SEO, it only controls how the content it’s displayed on the site. SEO it’s controlled by plugins like SEO BY Yoast which it’s designed for stuff like this.
You can try to change the page structure if you want by editing the single file corresponding with the post template used, but you also need to adapt the css. This is not an easy task and if you’re not aware of the steps you need to take in this regard my advice is to hire a developer to do it for you as we can’t offer custom services at the moment.
Thanks!
Fine, but now the picture looks on phones, formerly with the other code did not look … Is there option that is not seen on phones?
I have this code in phone CSS:
.td-main-sidebar{
display: none !important
}
.td-default-sharing {
display: none !important
}
.td-post-sharing {
display: none !important
}
.post header h1 {
font-size: 24px !important;
line-height: 25px!important
}
.author-box-wrap {
display: none !important
}
.td_block_related_posts {
display: none !important
}
.td-post-source-tags {
display: none !important
}
.td-header-sp-logo { display:none }
.td-banner-wrap-full { display:none }
.td-header-style-10 .td-main-menu-logo { display: block!important; }
Hello emstudios,
I suppose that you want to add some text decoration for your item menu when you hover over. To do that, please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
text-decoration: underline;
}
The result -> http://screencast.com/t/KiFKMcTWyPNh
Hope this helps!
If is not what you mean, please provide more details about your desired changes so I will be able to provide a more accurate response.
Thanks.
Hello,
I would like to hide the author name for Block 1 for example, and I’ve used the css code you mentionned above but it’s not working (please see bottom section “Test” http://genres.paris)
Also, I’d like to hide the comment icon but only for block 1. Is it possible ?
Thank you !
Olivier
Hi,
I’m trying to do something to improve the Page Speed on Mobile
I currently have 94 desktops and only 74 of the mobile
… the difference seems too high: can there is nothing to do?
The Page Speed suggestions for mobile are the usual:
Delete JavaScript and CSS that block the view in above-the-fold content
Remove JavaScript:
http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
…content/plugins/cookie-notice/js/front.js
…/themes/Newspaper/js/tagdiv_theme.min.js
/wp-includes/js/comment-reply.min.js
Optimize delivery CSS
http://fonts.googleapis.com/…,400italic,600italic,400,600,700&ver=6.7
http://fonts.googleapis.com/…,400italic,700,500italic,400,300&ver=6.7
http://fonts.googleapis.com/css?family=Droid+Serif:400,700&ver=6.7
…content/themes/Newspaper/style.css?ver=6.7
Anyone has any suggestions or managed in some way to improve the situation by changing the code?
If nothing is possible the developers have in mind this critical for future versions?
Thanks!
Hello,
1)You can use this css:
.home .td-main-page-wrap{
padding-top:1px!important
}
I left 1 pixel so that it doesn not completely touch the menu. If you want it like that, simply set it to 0px
2)In order to achieve that effect, you can stretch the rows in visual composer and add background to them like so: http://screencast.com/t/ZJD3RAq6v and set a background color from design options.
Hope this helps.
Thanks.
Hi there,
We want to highlight one item (link) of the main menu. How to do this with css?
Regards,
E
Hi,
Also if you use the tagdiv speedbosster plugin this will be even more visible. This is the way css works. (‘cascading’). If you do not want to see this effect, change the default fonts from the style.css as Chris suggested.
Thanks.
Hi
The file structure has been changed a bit and the above solution won’t work now. Edit editor-style.css file and remove this code: http://screencast.com/t/BcGrRKKFs – http://screencast.com/t/1WKCcjfREkW
Thanks!
Hello thanik30,
1),2),3) If you want to change the style as you wish, you have to use a bit of CSS code to do that. Please try the following code and place it in Theme panel->Custom CSS area.
The code is ->
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
background-color: #ffcd33;
}
.td_wrapper_video_playlist .td_video_currently_playing:after {
border-left: 3px solid #ffcd33 !important;
}
.td-scroll-up-visible {
background-color: #ffcd33;
}
.td-header-style-5 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-5 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-5 .black-menu .sf-menu > li > a:hover, .td-header-style-5 .black-menu .sf-menu > .sfHover > a {
background-color: #ffcd33;
}
The result you should see here -> http://screencast.com/t/EwEQtxcMf
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/heykYMp1Sxb
.td-mobile-nav-wrap{
background-color: red;
}
.td-mobile-content li a{
border-top: 1px solid red;
border-bottom: 1px solid red;
}
Thanks!
Salut,
1) Din pacate, acele widgeturi sunt adaugate cu un textwidget si nu pot fi targetate cu CSS incat si celalalte textwidgeturi vor fi afectate. Au nevoie de o clasa de css proprie. Cel mai bine ar fi sa modifici direct codul widgetului si sa scimbi dimensiunea imaginii de acolo. Incearca sa adaugi clase daca se poate la codul din text widget. Le poti adauga intr-un div si doar dupa aceia se vor putea fi modificate cu css.
2)Din cate observ, butoanele functioneaza pana la postul acesta: http://screencast.com/t/cM9KFi2vqy34 care are un titlu foarte lung. Incearca sa mai adaugi putin spatiu din codul de mai sus intrucat acum deja s-a rescris css-ul si un al doilea !important nu va merge de la mine. Incearca sa pui un 5px la fiecare valoare.
3)O sa luam in considerare.
4)Modificarea am facut-o direct la mine si a functionat. Intr-adevar este un pic mai complicat dar ar fi trebuit sa functioneze.
Pe viitor o sa avem control mai bun asupra ad-urilor deoarece lucram la o mai buna implementare a lor.
Multumesc.
Hi
I appreciete that you provided a screenshot pointing the desired rezult, it helps fur a better understanding of what you’re trying to do.
Replace again all css with this one: http://screencast.com/t/g2o7VtcqtQS
.td-review-summary-content{
font-size: 15px;
}
.td-review .block-title {
background-color: transparent;
color: black;
padding-left: 0!important;
}
.td-review-desc{
font-family: sans-serif;
}
Thanks
Hi
Replace the previous css with this one: http://screencast.com/t/n9igPUX6jA
.td-post-content .dropcap{
background-color: red!important;
}
Thanks!
Hello danimian,
If you want to change the width and the colors for your Social Counter, you have to use a bit of cSS code to customize it. Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td_block_social_counter{
width:300px;
}
.td_social_info {
display:none;
}
.td_social_facebook {
background-color: green;
}
.td_social_twitter {
background-color:pink;
}
.td_social_youtube {
background-color:blue;
}
The result you should see here -> http://screencast.com/t/4XnqLqpL
For your second request, you have to use a bit of code for achieving as you wish.
The code is ->
.td_block_wrap {
padding-bottom:2px;
}
.td-main-page-wrap {
padding-top: 30px;
}
If you need more assistance in this regard, please provide your website URL so I can further inspect it closer and also, so I will be able to provide a more accurate code.
Thanks.
Hi Adnan,
There is a css in the theme that does that. If you want to override it, you can use this code:
.sf-menu > li > a {
text-transform:none!important
}
Thank you!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/Pp9vzyVZqylT
.td-footer-container{
padding-top: 10px!important;
}
Let me know how it goes and if this is not what you mean please provide your site url and more details about what you’re trying to do so I can inspect this closer.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello mystudent,
First of all, please try to use the above code with media query to avoid breaking the responsiveness.
The code is ->
@media (min-width:767px){
.td-boxed-layout #td-outer-wrap{
width:1116px;
border:2px solid rgba(109,179,242,0.7);
}
}
If you want to have the border only for your main content, you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.
.td-main-content-wrap {
border:2px solid rgba(109,179,242,0.7);
}
Thanks.
As with all WordPress themes with “design panels,” there are default styles, and then option to “over-ride” that. The BEST way to use custom fonts, is to actually edit the style.css file to search/replace the font stacks you want to use then load the @fonts info in the actual style sheet vs loading additional “override” styles.
At least that’s what I do 🙂
Hello TagDiv Team,
I can’t find out how to change the background colour of the MOBILE MENU of my theme.
I know in Newspaper you can have a separate function in the theme panel but Newsmag does not come with one.
How can I change the colour using custom CSS?
Thanks,
Salut,
- Nu cred că m-am exprimat corect. Nu doresc să elimin acele widget-uri, ci doresc să le fac să apară unul lângă celălalt sau măcar să le dau aceeași dimensiune, deoarece cel Google este mult prea mare
- Am introdus codul acela și acum arată OK bannerul respectiv. Totuși, nu mai pot fi accesate butoanele stânga/dreapta din partea dreaptă a lui. De asemenea, precizez că am următorul cod în css http://www.screencast.com/t/4qKcSbVOF1U , iar în Temă>Parts>Header>Style 2 am
<div class="td-container test">, container-ul „test” fiind adăugat la indicațiile unuia dintre colegii tăi, deoarece, fără el, tickerul nu era afișat corect. Se mai pot face optimizări?
<?php echo do_shortcode('[td_block_trending_now header_color="#dd3333" category_id="22" limit="5"]');?>
</div> - Dacă e foarte complica, nu mă interesează deoarece nu este ceva într-atât de important. Știu că în trecut primisem un cod cu loop de la unul dintre colegi și îmi afișa reclama după x articole, însă odată cu Newspaper 6 acesta nu doar că nu a mai funcționat, ba chiar a provocat și unele probleme. Eventual, dacă mai primiți soliciătri și din partea altora, treceți pe lista de funcții noi pentru că n-ar fi rău să existe opțiunea de a adăuga reclame în categorii/etichete din setările temei
- Am urmat pașii, însă nu mai îmi apare conținutul pe acest stil > apare totul până la breadcrumb. Menționez că am făcut modificările așa cum ai precizat, atât în loop 1, cât și în td_module_single_base.php, unde am copiat codul de pe pastebin. Luați vă rog în calcul, pe viitor, îmbunătățirea stilului 1 (să nu mai afișeze atât reclama article top, cât și cea dedicată stilului, să afișeze reclama dedicată stilului deasupra conținutului, iar imaginea în stânga sau viceversa).
Mulțumesc!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/qYSa1a8yygv
.td-footer-container .td_block_7 img{
border: 2px solid red;
}
The indicated expression can be changed from theme panel > translations: http://screencast.com/t/PHCBtMxUzr – http://screencast.com/t/lsOMBvl5
Let me know how it goes.
Thanks!
Hi
Replace the above css with this one: http://screencast.com/t/44TTHHROJZ8
.td-review-summary-content{
font-size: 15px;
}
.td-review .block-title {
background-color: white;
color: black;
float: right;
font-size: 12px;
font-style: italic;
}
.td-review-summary .block-title{
position: relative;
}
.td-review-summary-content{
clear: both;
}
This code it’s just as example and can be customized so that you get the desired result.
Thinks!
Hello mystudent,
Please try the code below.
The code is ->
.td-boxed-layout #td-outer-wrap{
width:1116px;
border:2px solid rgba(109,179,242,0.7);
}
And for more information about accepted values by the border attribute, please consult here -> http://www.w3schools.com/css/css_border.asp
Thanks.