- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
deleting for the img via css the auto pèroperty for height solve the problem… how can I disable it?
Hi,
The background color and image can be change using tagDiv Composer, select the header row and check the css tab -> https://i.imgur.com/qdhBMgr.png usually this option is use for almost all elements.
To have a header like in your old website it will be easier to import a cloud header like this one -> https://i.imgur.com/POqSljM.png (header template 12), use the right click to remove the elements you do not need -> https://i.imgur.com/UcKt7u2.png stretch the header row -> https://i.imgur.com/ph3P1u0.png remove the search and add the classic search -> https://i.imgur.com/VVc9q2i.png set the style -> https://i.imgur.com/eJ895sA.png -> https://i.imgur.com/XlOUder.png for socials you can add a new row above the logo -> https://i.imgur.com/eWLtlFD.png -> https://i.imgur.com/Ne9r0HX.png -> https://i.imgur.com/bbPbrv9.png -> https://i.imgur.com/nAsFQyA.png all you need to do is to adjust it a little and voila your old header.
For divider lines, and layout please check these topics -> https://forum.tagdiv.com/topic/make-my-site-look-like-my-old-site/
-> https://forum.tagdiv.com/topic/jetback-subscription-widget-to-tagdiv-mobile-theme/
The gab is because you do not use a fix width, you are using the full size of screen, if this has a huge resolution it will appear gasps.
Thank you for you understanding!
Hi jatin_makhija,
These can be set per element -> https://i.imgur.com/Bd0R5pp.png or using css tab per column/row/block -> https://i.imgur.com/dnn0yHJ.png -> https://i.imgur.com/By7pw61.png
Hope this will help you!
Hi,
You need to edit the homepage using tagDiv Composer, go down to footer zone, select the row and check the css tab -> https://i.imgur.com/iFdrYbJ.png
Hope this will help you!
Hi,
Unfortunately there is no option for “Style3-Background” when the mouse is hover, but it can be done use a custom css like this one -> https://i.imgur.com/vL0rk1b.png
.tds_menu_active3 .tdb-menu > li:hover > a:after {
background-color: red;
}
This custom css need to be set in theme panel> custom code> custom css.
Hope it will help you!
Thank you!
Hi, you need to select the row from header and check the css tab -> https://i.imgur.com/XWRjnJJ.png
Hope this will help you!
Hi,
This is very strange, I just checked on my install and for me is working -> https://i.imgur.com/lK6xjDs.png make sure that is not from the css you had set or from some extra plugins.
Let me know the results!
Hi,
You can do that using tagDiv Composer make a new page and open it in tagDiv Composer, select the row and in css tab set an background image -> https://i.imgur.com/AvVyjkR.png after that in general tab stretch the row like this -> https://i.imgur.com/riEoBZ8.png then set the row in 2 and in one of columns add the forum shortcode in a column text, then in the other one you can add some elements from composer for text like these -> https://i.imgur.com/w0rXY1K.png a button for link (also you can set some settings for column in css tab -> https://i.imgur.com/KLeVhQX.png) for row you can set a padding bottom and top -> https://i.imgur.com/2qtw5sO.png
Hope this will help you!
Hi jatin_makhija, please add an inner row and set in in 2 after that drag the comment section in the left empty inner column -> https://i.imgur.com/9Otzkd5.png if you can not do that because of the wpdiscuz maybe I can help with a custom css, just provide me a link to a post.
Thank you!
Hi
Working on refining a website and need to figure out how to make the widget headers red instead of gray. See: https://imgur.com/a/lZTGuAo
Thanks,
Alejandro
The Adsense header ad on my site refuses to center from the left of the row container when “header” is selected in the “Use adspot from:” drop-down” of the ad box element. If I select custom ad 2 using the same Adsense code the ad is centered and fine in the header. I even moved the custom ad 2 into the same row in the header to make sure the problem wasn’t with the row and confirmed that the problem is not with the row. I also remove all custom CSS code from my site and confirmed that that wasn’t the problem. Literally, the only thing that seems to be causing this problem is that I am using the header ad spot instead of another ad spot. What is going on and how can I fix this?
Hi,
How can I drag and drop elements that are placed below other elements? (In my case an empty space element)
How to select the childs in a row or column if they are not visible?
In my case after appling a CSS offset to an Empty Space element, even when the covering element is removed, I can only select or grap the raw – but no way to get back to the element.
Video: https://www.loom.com/share/de1594a0b59b4bbeb45b13f1593885bc
Hi,
That space is came from the row you have set -> https://i.imgur.com/N3EvySB.png you can remove it using tagDiv Composer -> a\select the row and in css tab set margin bottom 0 -> https://i.imgur.com/MTS3x1y.png
As for the second image, you need to set a bigger one.
Hope this will help you!
Hello !
You can create a ROW and set it in 3 columns as you can see here: https://www.screencast.com/t/52g5kHdIFg
Then you can insert your elements in the columns and set them using CSS as you can see here: https://www.screencast.com/t/znbGespng ; https://www.screencast.com/t/s7egkP2sL
Thank you !
Hi,
You can make it sharp using this custom css -> https://i.imgur.com/sF35gZR.png
.td-header-gradient:before {
display: none;
}
This code need to be set in theme panel > custom code > custom css.
Hope this will help you!
Hi,
Yes, with some screenshots will be more easy, but the image need to be store on an online server/host like ingur or others. The button back to top can be edited only with custom css, please let me know what you’ll link to achieve and I will help you!
Thank you!
Hi,
That can be change only with custom css -> https://i.imgur.com/HOugbay.png
.vc_widget_sidebar .td_block_template_8 .td-block-title > *:after {
background-color: #642ac1;
}
This code need to be set in theme panel> custom code> custom css.
Hope it will help you!
I changed every single font, but can’t make it that the class “tdm-descr” is changing to the new “default” font.
If I change it on the element, it works, but that is not the plan.
In CSS there is the class:
.tdm-descr{font-family: ‘Open Sans’…}
where exactly can I change this for all default settings?
And also this theme has way too many options for changing fonts. Why is there for any blog / modul an other font option? that makes the website looks weird anyway if you have to many different fonts…
Hi,
The links need to be set using custom css -> https://i.imgur.com/AMd8ia1.png please set this content, I set the links for you, just adjust the colors if you want -> https://pastebin.com/x1jdrnbB
Hope this will help you!
Hi,
You can try this custom css to make the thumbs from blocks not clickable ->
.td-module-thumb a {
pointer-events: none;
}
This code need to make set in theme panel> custom code> custom css.
Unfortunately if you want to remove the links, then it can be done only from theme files, but this need to be made in to many places and most of theme will be lost after a theme update.
Thank you!
Hi,
You can do this using tagDiv Composer -> https://i.imgur.com/dfzafmL.jpg -> select the row and in css tab change the background color -> https://i.imgur.com/W4INvAP.jpg
Hope this will help!
Hi,
For this you need to edit the homepage using tagDiv Composer, you need to do it like this:
-> https://i.imgur.com/ADxJXNH.jpg -> after that go in footer section, select the row from footer and check the css tab -> https://i.imgur.com/AIiy9zp.png
Hope this will help you!
Also, for the full-width issue, Simon has sent me the following code to place in the CSS of the VIDEO EMBED element:
.td_block_video_embed {
margin-left: -20px;
margin-right: -20px;
}
Works great!
This is the link to my site https://www.netsportworld.com/category/football-predictions/
I have followed the above suggestions and set the bootstrap code(code below) here
https://i.imgur.com/kw1Iuge.png
and then the table html code(code below) here https://i.imgur.com/o4HJCxi.png
The tables are displaying as expected but now the issue I am running into is the the mobile menu tab https://imgur.com/76FnjgV to display my categories is no longer responding. nothing happens when clicked on the phone. how do I resolve this(I think it has to do with the code I place in the javascript section because once I delete it, the mobile menu works well again)
CODE
BOOTSTRAP CODE
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css” integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”>
<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script>
TABLE CODE
<nav>
<div id=”nav-tab” class=”nav nav-tabs” role=”tablist”>Home
Profile
Contact</div>
</nav>
<div id=”nav-tabContent” class=”tab-content”>
<div id=”nav-home” class=”tab-pane table-responsive fade show active” role=”tabpanel” aria-labelledby=”nav-home-tab”>
<table class=”table table-striped”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-profile” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-profile-tab”>
<table class=”table table-hover”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td colspan=”2″>Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-contact” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-contact-tab”>c</div>
</div>
Hi,
If you are using a cloud header, you need to edit it using tagDiv Composer -> https://i.imgur.com/gYB3GFq.png -> https://i.imgur.com/sYjlMJQ.png then edit the row from sticky header and check the css tab -> https://i.imgur.com/HczpbFg.png
Hope this will help you!
