- TutorialsDefault Block Settings Guide
Hi
There seems to be a problem with using the Shadows Into Light font with a FireFox browser. (safari and google are fine) We should be in English but we appear to be in Gobble-di-gook. Can you help
Site: http://rockshot.co.uk
http://screencast.com/t/kmffH7VLrg
Supporting info:
I had to change the font by css on certain headers and masonry grids because it was not doing that in the theme panel.
Site: http://rockshot.co.uk
http://screencast.com/t/kmffH7VLrg
CSS changes here.td-header-menu-wrap{
background: #abbaab; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #8e0000 , #ffffff); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #8e0000 , #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.td-main-sidebar{
background: #abbaab; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #8e0000 , #ffffff); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #8e0000 , #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.td_block_big_grid_2 .td-big-thumb .td-module-thumb img{
width: 100%;
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: #111111;
font-family: “Shadows Into Light”,sans-serif;
font-weight: 400;
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
background-color: #8e0000;
font-family: “Shadows Into Light”,sans-serif;
color: #fff;
}
.td-post-content a{color:#8e0000
}
body {
background: #abbaab; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #8e0000 , #ffffff); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #8e0000 , #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
Hello,
You can use this custom css to customize the headers on a big grid 4:
.td_block_big_grid_4 .td-big-grid-meta .entry-title{
background-color:rgba(0, 0, 0, 1);
}
.td-big-grid-meta{
width:95.7%!important
}
Thanks.
i have recreated the header menu(main menu) the problem remains the same.
if i reduced the number of menu(i.e 5 or less) then it works fine but if i increase the number of menu then site logo shifts upward automatically.
i am using header style7
Hi,
Link: http://sansan.qriosity.com.sg
How can I align my banner on header to the right?
Please provide me the CSS Code.
Thanks!
Hi,
how do I customise text “EXPLORE” to my desired text? For e.g. I need to change “EXPLORE” to “EXPLORE THE WORLD WITH SANSAN”
Link: http://sansan.qriosity.com.sg/category/explore/
can you provide the CSS code urgently?
Thanks!
Hello Valejuve,
If you want to add different ads, without AdSense code, you have to use div’s method, like this-> http://screencast.com/t/anPmRKwzwO For more information about Ads area, please check our documentation here -> https://forum.tagdiv.com/header-ad/ because it should be more useful for you.
Hope this helps and let us know how it goes!
Thank you for the message!
I figured it out.
I edited Newspaper/parts/header/top-menu.php, line 58: http://www.screencast.com/t/6ohEue06cz
The commented out line above the highlighted part is the original line. I just replaced the contents in between the ‘li’ tags.
I figured it out.
I edited Newspaper/parts/header/top-menu.php, line 58:
FROM:
<li>CONTENT TO REPLACE (pasted code was sanitized) BETWEEN li TAGS</li>
TO:
<li><a href="https://www.YOURSITEHERE.com/registration-page/" target="_parent">REGISTER</a></li>
-
This reply was modified 10 years by
pinnaclecompass.
Hello,
In order to have the mobile logo inside of the menu bar you will have to use another header style that has this option. The header style you use displays the logo on the top of the menu. Different header styles use different types of desktop and mobile settings.
Thank you!
Hi, how do I fit my logo on mobile mode? It only works when the header becomes sticky menu.
I’m using Header Style 10.
Normal mode, and sticky mode:


Tried this code but didn’t work:
@media (max-width: 767px){
.td-retina-data {
width:140px;
height:48px;
}
.td-main-menu-logo img {
max-width: 140px;
max-height:48px;
}
}
Hello,
I have checked your website and saw the error. Please try to recreate your header menu (main menu) because some of the elements used in newspaper 4 are no longer available and cause issues with your menu. Create another menu (a test menu) and try it out in the header section to see if it displays the same way.
Let us know how it goes.
Thank you!
Salutare,
1) Newspaper 4 are 8 stiluri de header pe care le posti selecta. Fiecare sete diferit si este important sa ne specifici care stil il folosesti : http://screencast.com/t/CIyVS6va6 De exemplu stilul 3 are header ad pozitionat sub meniu, asa ca cea mai simpla solutie ar fi sa selectezi stilul 3 de header si apoi sa adaugin un ad in sectiune de header ad: http://screencast.com/t/BKfvbNnxg
2) Deocamdata nu exista in tema o optiune pentru a adauga un ad in sub-meniu sau mega-meniu. Aceasta optiune daca va fi solicitata de mai multi useri cu siguranta se va implementa, dar momentat nu reprezinta o prioritate.
Multumesc.
there is one problem when we scroll down the page and then scroll up then site logo and header not looks good
and there is a unnecessary gap between header and main body after scroll down
here is the url
http://betterdiamondinitiative.org
Hi
For header ad you can add a condition like this in ads.php: http://screencast.com/t/kBMpgQDwrkU
if (!is_single(post_id)){
echo td_global_blocks::get_instance('td_block_ad_box')->render(array('spot_id' => 'header'));
}
To get the post id follow this link: http://screencast.com/t/sbNlQ28P
To disable the sidebar ad from a specific post you can create a new sidebar with the same content, except the ad-spot, then add your sidebar into your post: http://screencast.com/t/zvhzLiw1
Thanks!
Hi
Try this css in theme panel > custom code > custom css:
.page-id-6639 .td-header-border:before, .page-id-6639 .td-container-border:after{
background-color: grey!important;
}
.page-id-6639 .td-pb-row [class*="td-pb-span"],
.page-id-6639 .td-container, .page-id-6639 .wpb_row, .page-id-6639 .wpb_content_element {
border-color: grey!important;
}
Thanks!
how can i replace the header Ad (adsense) on home page for a simple clickable image.
Hi, i need to hide header, post and sidebar ads from some post. Ho can i do that? Plese answer asap!
Hello Sibienii,
Am verificat din nou site-ul dumneavoastra si am constatat ca daca folositi http://www.absport.ro/ nu este nici un caracter ciudat iar daca nu folositi www apar aceste caractere http://absport.ro/ . Aceasta este o eroare cauzata de CDN. Trebuie sa introduceti codul de mai jos in fisierul dumneavoastra htaccess chiar la inceput si problema aceasta ar trebui sa dispara.
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “*”
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
Pentru mai multe informatii despre aceasta eroare, va rog sa consultati si acest link -> http://webmasters.stackexchange.com/questions/71630/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co
Am gasit blocul 14 pe site-ul dumneavoastra, l-am inspectat si mi se pare cam ciudat cum este el adaugat acolo…folositi ceva plugin? Daca doriti sa aveti o imagine de fundal sau o alta culoare, acestea le puteti seta din Visual Composer asa -> http://screencast.com/t/IqlSjw9Jhwmh Eu am testat la mine si totul functioneaza conform asteptarilor, adica asa -> http://screencast.com/t/Tm1bkZTHkarp
Sper ca va ajuta sfaturile mele de mai sus!
Multumesc pentru mesaj si va doresc o si frumoasa in continuare!
Print screen-urile pentru sbsport:
Desktop: http://www.screencast.com/users/Sibienii/folders/TagDiv/media/b4a44bb3-10f8-4fd6-9828-160eec69526e
Mobil: http://www.screencast.com/users/Sibienii/folders/TagDiv/media/c49e8ae8-b0b4-4b5e-ab0c-c139dfa7b9e8
Mobil footer social: http://www.screencast.com/users/Sibienii/folders/TagDiv/media/cf30487c-0642-4437-82b2-5ef1e7f3e75d
Daca se poate, pentru TD Block 14, ideea de a adauga un image background in locul celui existent (ca si culoare), incercam codul urmator dar nu apare pe toata suprafata block-ului. (http://www.absport.ro – undeva la jumatatea paginii – sub categoria de bascket)
.td_block_14 {
background-image:url("http://www.absport.ro/wp-content/uploads/2016/01/header.png");
width:100%;
height:100%;
position:relative;
}
Because you set your widget whit 600px heigt. there isnt a theme problem 😛 just you dont setup right you widget jejej
<iframe id="facbook_like_box_1" src="http://www.facebook.com/v2.4/plugins/page.php?adapt_container_width=true&container_width=300&width=300&height=600&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fjumpstartmag&locale=en_US&sdk=joey&show_facepile=true&show_posts=false&small_header=true" scrolling="no" allowtransparency="true" style="border: 1px solid rgb(255, 255, 255); overflow: hidden; visibility: visible; max-width: 500px; width: 300px; height: 600px;"></iframe>
Hello,
I have checked this issue and it seems firefox is not interpreting the logo right. Please use this custom css to force responsiveness for firefox:
.td-md-is-firefox .td-header-sp-logo img{
width:100%!important;
}
Thank you!
Minunat! Va multumesc din suflet! Functioneaza perfect codul. Dar pe mobil se pare ca mi-au disparut imaginile de la Search si de la Menu (au lasat in schimb un fel de patratele taiate pe diagonale). La accesarea unui articol din site insa, imaginile respective reapar. Problema pe mobil persista doar la homepage.
Va las mai jos codurile pe care le am in Custom css acum:
.td-header-header {
background-image: url("http://www.sbsport.ro/wp-content/uploads/2016/01/header.png");
background-size: 100% 150px;
background-repeat: no-repeat;
width:100%;
height:100%;
position: relative;
}
.td-footer-wrapper{
background-image:url('http://www.sbsport.ro/wp-content/uploads/2016/01/header.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width:100%;
height:100%;
position:relative;
}
.td_block_big_grid_1 {
padding-bottom: 3px;
}
P.S. Permiteti-mi o intrebare care nu are legatura cu anterioara: Pentru a prelungi perioada de suport pe care am primit-o dupa achizitionarea temei, exista vreo solutie? Pe ThemeForest nu am gasit achizitionarea de expand suport.
Hi,
You simply have to enter the code provided in the soluition in your htaccess like in this topic: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/ (bottom reply) and check to see if the error goes away.
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “*”
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
Thank you
Hi Corrado Izzo,
If you want to exclude your header, footer and sub footer for a specific page, you have to use a bit of CSS to hide it using a page ID. Please try the code below and add it in Theme panel->Custom CSS area.
.page-id-1862 .td-header-wrap, .page-id-1862 .td-footer-wrapper, .page-id-1862 .td-sub-footer-container {
display:none;
}
The result you should see here -> http://screencast.com/t/FdBbeha5k0L
Another possibility for you would be to do another template with the blank page. Unfortunately, our theme does not have implemented this option but you should take a look on this topic and see how you can implement this in your website -> https://forum.tagdiv.com/topic/how-do-i-create-a-completely-blank-page/
Please note that it not tested with all theme features so if something goes wrong in the future please don’t forget that you have some custom modifications.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi there – again 😀
I’ve a little issue concerning the header image in style 10. The image is working fine with Chrome and Safari. But with Firefox it’s not centered. Check it out: http://www.gameoasis.de