- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Apologies, I posted this and then continued to try and find a work around. Incidentally, I stumbled across a method that appears to work. I’m no expert, so I’m not sure if this is a good way of doing things.
This is the way it was looking before https://www.screencast.com/t/rcTno6qHTbux.
.td-recipe .td-a-rec-id-content_inlineright {
float: right;
display: none;
}
Which results in it looking like this https://www.screencast.com/t/Iy42eWMfp1Z6. It appears to be working ok.
Again, apologies for not updating the post once I had done this. Thanks for looking into it for me nonetheless.
-
This reply was modified 9 years by
Alex Cowland.
-
This reply was modified 9 years by
Alex Cowland.
Hi,
Yes you could create a custom field – https://www.screencast.com/t/9UM1JSfaM and then use this guide to implement it – https://codex.wordpress.org/Using_Custom_Fields and further customize it. But you can also use the subtitle feature like suggested. If you would like it to be displayed on top of the article title you could change the structure in the single.php or loop-single.php files – https://www.screencast.com/t/Sx6VLelR like in this example – https://www.screencast.com/t/XneyJTdKIoR with this result – https://www.screencast.com/t/3AvUc71OuiSi Then you can modify the font properties in theme panel – https://www.screencast.com/t/BW2ZE3oy or with css – https://www.screencast.com/t/PlxVtmjiY87C Alternatively you can set a color on the post title in theme panel – https://www.screencast.com/t/azf9rKvgX
Thanks
Hi,
Unfortunately these are the only options available for styling the big grids, as it can be seen in the demo – https://demo.tagdiv.com/newspaper/big-grid-1/ Each grid contains a combination of modules – https://www.screencast.com/t/5cPHjrzzXg and each module meta, like the article title is positioned on the big grid through the module structure and the theme’s css – https://www.screencast.com/t/ze1CktCs if you want to modify the module title for example to be displayed outside of this container it will have to be custom made, either by modifying the structure in the module used on the big grid itself – https://www.screencast.com/t/tQwwG1A9tAYz or by css code – https://www.screencast.com/t/KKlm1lMNawGG Here is a tutorial about using the browser inspector tool to identify the elements used and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello,
Unfortunately, all of these problems are happen due to your custom CSS code. I suggest you remove all your custom CSS code and use the theme in the default state, without any additional customizations which can break the theme, sorry! If you want to have some customizations through your theme, please understand that all of your code must be rebuilt from scratch if you want to have other customizations than to those offered by the basic theme. Please keep in mind that all of these require time-consuming and we cannot provide them at the moment, sorry! If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Hello,
Well since the plugin is not tested, there is no solution we can provide for the async javascript. As a workaround, you can try to disable the theme lazyload animation as that is the first to break on a js error. Your images will appear again but you will have to test other parts of the theme that will not work properly because of the js error the option creates. You will have to check the site and if you encounter any other errors, you should keep in mind that the async option is on and try to disable it if anything else occurs.
As for the news ticker, you can add it on any at all page as it;s a simple element found in the visual composer element list.
If you want to add it on posts, you can do it from the theme code for every post at one. You will have to add this code:
<?php echo do_shortcode ('[td_block_trending_now tdc_css=""]'); ?>
Add the code on each of the post templates that you use (each post style has it’s own file):
https://www.screencast.com/t/NKMofpKm7z
Thank you!
Hello IgorM71,
1)Unfortunately, the drop down of your menu items has been designed to be only vertically aligned, sorry! If you want to make these to be in the horizontally way, you should make some changes and this type of request are not covered by our support, sorry!
2)If you want to change the background color for your Read more button, try the code below and place it in Theme panel->Custom CSS area.
.td-read-more a{
background-color:green!important;
}
The result is here -> https://www.screencast.com/t/xZii1ExPnH
3)Unfortunately, the latest articles block cannot be edited from Theme panel, sorry! If you want to have more control over this section, you should edit the Page Template from Page Editor, like this -> https://www.screencast.com/t/xQ2wf6rcDK
4)Provide more details about what you want to achieve so I will be able to provide a more accurate response. Also, provide some useful screenshots so I can exactly understand what you want to achieve.
I have tried to check your website but it seems to be in maintenance mode.
Thanks for the message!
Hello irlandacenter,
Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-post-content a:hover, .mce-content-body a:hover, .comment-content a:hover {
text-decoration:none!important;
}
Thanks for the message!
Hi Andrei,
I’m having a hard time getting that custom code to work on my site. I’ve specified the page number and placed the CSS code correctly, no syntax errors, but after I save and clear the cache, it’s still not changing font size no matter what I do. Just curious to know what else I could be missing. I’m reasonably experienced with websites after a decade of tinkering with code (CSS, HTML, PHP, JS) but I’m pulling my hair out wondering why this code is not having any effect. Would welcome any suggestions you might have.
Kind regards 🙂
Hello,
I am not a programmer and cannot tell whether the existing custom CSS causes this. Here is the entire code and if you notice something, pls let me know.
.td-header-style-1 .td-header-top-menu {
top: 0;
}
@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #000;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 500px;
position: relative;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}
@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}
@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #c00000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}
@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}
Thanks.
Thanks so much that solved the problem! How do I adjust the css of the text under my picture? Specifically I want to change the color to gray and add a paragraph break. I really appreciate it!
Hi, (I´ve a basic english)
I bought Newsmag and when a try to install it, wordpress tell me that “The theme does not have the stylesheet style.css.”
Can you help me?
So, are you guys planning to anything to help everyone to be able to customize their mobile menu in the future? I wish we knew it before we started working on our project.
Instead of relying on random devs all the time, I prefer relying on you guys with a possible update in the future. Since it looks like everyone who purchased the theme complaining about not having an option to customize the mobile (which is the most important thing for any websites or blogs since people use their mobiel phones more than their desktop, such as 83%), it’d dope if you guys let everyone know about it. Also, please let me know if guys are considering this, so we’ll have a better understanding about who we have to work on a long-term. Also, we’re a bit afraid of that’d decrease our page speed because of additional CSS codes.
Also, we have come across another problem right now, right before I started typing this. So, on theme panel/blocks settings/category tags on modules, is not working even tho I cleared all the caches.It doesn’t show on the thumbnails or homepage posts.
That is the area I’m talking about.
http://circleofmamas.com/
I tried putting in the custom css but nothing changed.
Thank you!
I love the big grids. Is there an easy way to edit how the title of the posts appear in relation to the images, aside from just using the 7 grid styles, which affect the color of the images but don’t really provide a lot of flexibility with the location and appearance of the type. Is there a way, for instance, to get the post title to appear under the image? Thanks!
Helo. I have question. I can’t change color widgets on rigt slidebar. In link I included screanshot. http://www.czytasztosuper.edu.pl/wp-content/uploads/2017/03/problem.jpg
Red frame pointed elements with which I have a problem.
I tried to solve the problem of the settings panel and on css styles.
.td_uid_8_58b6d9ece4fe0_rand .block-title{border-color:#a6926d!important;}
.td_module_wrap .td-module-title {
font-family:display!important; }
Please help. Thank you.
I mean, when hovering the mouse on the link!
I did try everything about CSS, but nothing work.
Can you have a look?
https://www.irlandacenter.com/2017/01/dicas-de-beleza-para-enfrentar-o-frio-na-irlanda.html
Hi Guys, the search icon on my menu bar doesn’t seem to line up vertically in the middle, and when it’s open the search button also sits slightly higher than the search field, any ideas why? this is a fresh install of WordPress and I’ve not added any additional CSS to the theme at all.
https://www.dropbox.com/s/7gnpyj2i380adag/tagdiv-newsmag-search-box-001.jpg?dl=0
Thanks
Matt
Hi,
The theme has a setting to modify the headings inside the post content to the lowest of 5px – https://www.screencast.com/t/euM8DHOLb If you really want to make them 0px, enter this code in Theme panel->Custom Css but please note that this will make the headings in the post content invisible
.td-post-content h2 {
font-size: 0;
}
Thanks
Hi,
If you mean the padding on the page wrap – https://www.screencast.com/t/f6glx01Y you could modify it using some custom css like this, just enter it in Theme panel->Custom Css. Here is a guide about the browser inspector tool to help you identify the elements on the page and their classes in order to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
.home .td-main-page-wrap {
padding-top: 24px;
}
If this not working for you or it is not what you meant, please provide a link to your website so I can give you a more accurate solution.
Thanks
-
This reply was modified 9 years by
Simion C..
Hello potatohead101,
Unfortunately, our theme does not have any such an option that allows you to add extra menu option only for the mobile menu, sorry! As you can see, the mobile menu will display the same menu items which are added to the desktop version, sorry! If you want to have this extra feature, you should add it yourself because we cannot provide custom work at the moment, sorry! Also, as a hint, you can add additional categories to entire menu and then you can use a bit of CSS code to hide that menu item only for desktop and tablet viewport. If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, consider hiring a freelancer/developer to help you because we cannot provide additional customization at the moment, sorry!
Thanks for your understanding!
Hi,
You could use a little bit of css for this, to change the block titles only in the footer. Enter this code in Theme panel->Custom Css and modify the font size as you like
.td-footer-wrapper .block-title span {
font-size: 25px;
}
Also here is a tutorial about the browser inspector tool, so you can identify the elements on the page and their classes, to make custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Hello,
Please add this code in the theme panel-> custom css box:
.td-read-more a, .more-link-wrap a{
background-color:#ff6c2f
}
Thank you!
I already provided an example above exactly for block 9. Block 9 uses module 8.
Move the get_date code above the get_title code like so: https://www.screencast.com/t/OmHOyXUzbg and then add this css in the theme panel-> custom css box:
.td_module_8 .td-post-date{
float:left;
padding-right: 5px
}
Thank you!
Salut,
Acel cod se aplica pe toate paginile site-ului unde un logo e folosit. Daca doresti sa il folosesti, trebuie introdus in Theme panel->Custom Css – https://www.screencast.com/t/sSvf9gzq5hb Trebuie luat in considerare ca acel cod css nu face altceva decat sa micsoreze width-ul spatiului destinat pentru logo, apoi il pozitioneaza inline, spatiu care nu are initial nici o limitare. Daca apare un delay la incarcarea paginii si afecteaza logo-ul, incearca sa introduci codul respectiv direct in fisierul style.css al temei, gasit in folder-ul principal.
Multumesc
Hello,
If you do not have a sub-rating, you can try to use this code in the theme panel-> custom css box:
.td-review-row-stars, .td-review-header{
display:none!important;
}
and then you can translate the ‘summary’ title that is left to maybe: ‘review’ from the theme panel-> translation section https://www.screencast.com/t/JLSGi3NK4xbc and it will display like so: https://www.screencast.com/t/O51OVkHISL8
I hope this helps.
Thank you!