Hi thanks
Yes I tried that or similar, it works but the original block-title css has a bold underline that runs the entire div span. How do I cut it off to the point at which the two colours divide, again like in example.
Kind regards
Chris
Hello,
This is a custom design for that particular menu and if you leave the colors in their default state, you will get this effect. Unfortunately you will need css to recreate this behavior on another style if this is what you want.
Thank you!
Hello,
The editor style.css affects the back-end of your website. If this does not load for some reason, it could probably be a plugin that conflicts with it. Please try to disable all your plugins except visual composer and clear your cache. (also reset cdn files if you use it).
Let us know if the problem is still there afterwards.
Thank you!
Hello,
You simply need to ad a background color to the block title using this css:
.block-title{
background-color: rgba(217, 217, 217, 0.35);
}
Thank you!
Hello Thomas,
By default, without any untested plugins, this feature works as expected, on full width. It is possible as this kind of issue to be due by conflicting plugins. Maybe you have on active mode the automatic updates for your plugins and it is possible that any updates for your untested plugins to cause this. As a quick solution, please try the code below and add it in Theme panel->Custom CSS area.
#td_youtube_player {
width:100%;
}
Hope this helps!
Thank you for the message!
Buna
CSS-ul pentru aliniere imaginilor este corect si ar trebuii sa mearga: http://screencast.com/t/ncQKe1c3Oft – http://screencast.com/t/NvJxeJkAdx
In cea ce priveste imaginile eu pot sa iti dau un css simplu care le schimba modul de afisare in pagina insa acesta va afecta toate imaginile care le vei aduga ulterior in orice post. Codual ar genera avest rezultat: http://screencast.com/t/EGGEuxLKL
.td-post-content img{
display: inline-block;
margin-left: 10px
}
Dupa cum spuneam toate imaginile inserate in continutul postului vor fi afectate de acest cod si nu pot anticipa cum vor fi afectate pe diferite post template-uri sau pe diferite dispozitive mobile.
Cea mai sigura metoda e cea prezentata in respunsul anterior, desii e un pic mai sofisticata.
Faci un container specific pentru imaginile care vrei sa le afisezi una langa alta, iar apoi foilosesti clasa in css pentru a aplica stilul dorit. In acest fel vei targeta doar imaginile din interiorul acelui container, fara riscul de a afecta alte imagini in mod inutil.
Majoritatea elementelor din continutul postului au disply block, exceptant situatille cand au float. Aceasta implementare se poate schimba relativ usor doar ca trebuie sa fi atent la ce selctori folosesti. Cu cat selectorul e mai precis cu atat riscurile sunt mai mici. De examplu daca vrei sa schimbi disply-ul paragrafelor poti face astfel:
p{
display: inline block;
}
Aceastra nu e cea mai buna abordare fiinca vei prinde o gama foarte mare the paragrafe care sar putea sa nu fie afisate bine folosind acest disply. In schimb poti face astfel:
.post-id-123 .td-post-content p{
display: inline-block;
}
Acest css targeteaza dor p-ul din continutul postului cu id-ul 123. Acesta e doar un exemplu de baza, dar poate fii folosit pentru a face css-ul cat mai specific.
Un alt aspect de care trebuie sa tii cont e complexitatea temei. Css-ul e imens si multe reguli se pot rescrie in functie de situatie. Trebuie sa fii atent ce selctori folosesti, daca sunt suficienti de puternici astfel incat sa rescrie codul initial si mai ales daca acei selctori nu afecteaza si elemnte nedorite.
Multumesc!
Hello,
Unfortunately we have no easy solution for this. The mobile version is the same as the desktop version so any change will affect both versions of the theme. You cannot re-position the sidebar with css in the mobile version and changing it from the theme files will affect the desktop as well. Unfortunately this will not be an easy task to do so we recommend hiring a freelancer to help out as we cannot offer any custom work at the moment.
Thank you!
Hi
That delay appear because the css from theme panel loads after the main css of the theme, loaded from style.css file. To avoid that delay try to insert the css directly in style.css.
Thanks!
Hello freddre,
For more information about this type of declaration you should find in this documentation, here -> https://www.smashingmagazine.com/2010/11/the-important-css-declaration-how-and-when-to-use-it/ In this case, you have to use without !important because the result would be the same.
Thank you for the message!
Hello EricElf,
Unfortunately, our theme does not have such an option for your desire but for achieving that thing, you have to use a bit of CSS code. Please try the code below and add it in Theme panel->Custom CSS area. First of all, you have to set a background image from Theme panel->Background settings like this -> http://screencast.com/t/RXxTvYLrZduW
The code is ->
.td-main-content-wrap {
background-color: transparent;
}
.td-header-menu-wrap-full {
background-color: transparent;
}
.td-footer-wrapper {
background-color: transparent;
}
.post {
background-color: transparent;
}
.td-banner-wrap-full, .td-header-menu-wrap-full {
background-color: transparent;
}
The result you should see here -> http://screencast.com/t/WqdqLx3j4
Hope this helps!
Thank you for the message!
Hi
That delay appear because the css from theme panel loads after the main css of the theme, loaded from style.css file. To avoid that delay try to insert the css directly in style.css: http://screencast.com/t/kOQTD07V
Thanks!
Hi
The menu it’s hidden because of an external css applied on its container. This css seams to be inherited in menu’s html structure. If you made any changes in header file try to revert them then test again. Also try o deactivate all plugins except Visual Composer, clear all caches and test again.
If you still manage to solve this issue use this css in theme panel > custom code > custom css: http://screencast.com/t/EVxtobc4jPtR
.td-header-main-menu{
visibility: visible!important;
}
Let me know how it goes.
Thanks!
Hi folks.
For some reason the editor-style.css in main theme (or child theme, I’ve tried) are not applied even though they are loaded fine in the tinyMCEPreInit.
For example the sidebar image is not loaded.
Any ideas?
Am folosit ce ati spus dvs si am editat direct in css, fara sa pun la urma, caci nu prea mergea treaba, linii precum 6629, 4702 5px, 5076 pus 5px si display: inline-block; iar in editor css am editat direct linia 1457 adaugat display: inline-block;. Continue e mutat stanga folosind codul dvs. Nu am ajuns la data si views-urile, dar o sa urmez sfatul dvs. O sa caut si pixelii body si p pentru txt in editor css,sper sa ii gasesc.
Mai totul e display block sa fi fost inline de la inceput si niste px mai putini pentru img si p, si tema merge si pentru cei cu poze mai mici…
Rezolvat. (Daca am gresit ceva, puteti sa ma corectati). Multumesc.
Best place to edit it is actually in the style.css file, but that is just my opinion.
Hi,
I’ve added the code on Custom CSS but now the page in question is blank.
On the Custom CSS there’s an alert on the left side stating “use of !important”
What do I do?
Thanks
Hello freddre,
If you want to disable the AdSense for your specific page, you have to use a bit of CSS to hide it. Please try the code below and add it in Theme panel->Custom CSS area. First of all, you have to find you specific page ID number, like this -> http://screencast.com/t/BbBdijPZM
The code is ->
.page-id-39 .td-g-rec {
display:none!important;
}
Hope this helps and let us know how it goes!
Thank you for the message!
Buna
1. Tema nu are nici un widget care sa alinieze imaginile una langa alta asadar vei avea nevoie de o implementare custom. Cel mai siplu mod ar fii sa adugi imaginile in interiorul unui container astfel incat sa le poti targeta cat mai usor cu css. Un exemplu de baza ar fii acesta: http://screencast.com/t/bCCByWbcX – http://screencast.com/t/yrqmgQmug
O alta optiune ar fii utilizarea unui media grid din Visual Composer: http://screencast.com/t/BkT3swfOYCq0 – http://screencast.com/t/eDi5Dj3XSy
Revenind la codul tau ar fi de facut cateva observatii:
– daca veri sa modifici layout-ul din imaginilor din post editor, codul aferent trebuie adaugat in editor-style.css: http://screencast.com/t/kQOUXLoIRqFE Css-u; care controleaza layout-ul editorului se afla in acel fisier.
– cnd targetezi imaginila va trebuii sa te legi te o clasa unica pentru pagina, sau pentru containerul in care se afla ele. Utilizant .td-post-content p vei targeta toate imaginile din continutul postului si e posibil sa apara efecte nedorite.
– codul css care se refera la imaginile de pe frond-end poate fi adaugat in style.css: http://screencast.com/t/JMStEQBvL
2. Poti folosii acest css in editor-style.css:
.mce-content-body img{
display: inline-block;
}
3.Doar din imaginile tale nu pot sa imi dau seama care e selectorul gresit. Folosind ins o clasa custom pentru iomaginile din continutul postului, ca in exemplul de mai sus, proprietayea de float se va aplica doar pentru acel container si nu ar trebuii sa mai afecteze layout-ul celorlante imagini.
4 Poti folosi acest css: http://screencast.com/t/svShfuUDd1W
.more-link-wrap{
margin-left: 0;
}
5 POti seta modulul 15 pentru fiecare categorie din theme panel > categories: http://screencast.com/t/hDvhNuwKy2
6. Poti folosi acest css:
.td-post-template-3 header .entry-title {
font-size: 35px;
}
8. Ca sa muti data si views-urile deasupra tag-urilor trebuie sa modifici single_template_3.php, taie (cut) aceste linii: http://screencast.com/t/uvXlZJUl03Xu si insereazale in loop-siongle-3.php, pentru post template 3, si sa muti liniile indcate ca in aceasta imagine: http://screencast.com/t/XggROxpEL
Te rugam sa iei in considerare ca orice modificare adusa in structura posturilui sau in modul de afisare a continutului implica customizari suplimentare. Noi oferim suport pentru tot ce inseamna modul de utilizare si configurarea corecta a temei. Orice customizare care implica modificarea actualei implementatri, pentru orice element implica schimbarea codului actual sau ajustarea lui pentru a abtione rezultatul dorit.
Din pacaqte timpul nu ne permite sa oferim servicii de customizare, fiind un numar mic de membrii ne confruntam cu un volum mare de munca. Pentru orice alte customizari va trebuii fie sa angajezi un developer care sa te ajute in realizarea lor.
Multumim pentru intelegere.
Hi Team,
I’ve been working out settings to use Autoptimize to minify css, html and javascript. I got it working except for one thing….the background photo function doesn’t work. Background photo just doesn’t display. Any suggestions?
Many thanks
Christina
Hi. Anyone here can help me? I want to change font title in posts. When I use Theme Fonts / Post Title / STYLE 3 TEMPLATE / Size 35px and save, when I reload page the site shows first the default size font and them my size, but it looks bad, because font shrinks in my face and it’s bad to the eyes and design.
I want to edit code in theme directly. Where is that line in theme with default size and font size used by my case? Thank you for help.
Hello,
It can be done but it will require a bit of work on your part. You can add full width images in visual composer like our travel demo: http://demo.tagdiv.com/newspaper_travel/ You can also use call to action buttons and custom menu elements. It will require a bit of css styling as well for the effect you want so if you cannot do it yourself, we recommend hiring a freelancer to help out.
Thank you!
Oh, I fixed it after I installed plugin Font Awesome 4 Menus. thank you so much!
But, now I want to add more share button at here: http://www.screencast.com/users/livingnomads/folders/Default/media/5c2be13b-51e6-4c7f-9aea-cb36a2d78dd6
and
Add more StumbleUpon button, so can you give me the code ?? and css code?
Tks you!
Hi Andrei,
Thank you but the problem with this CSS is that the logo moves from center to left when the page is loading, it is unpleasant. Because readers can see the logo moving.
Is there a modification to do in php file to fix logo on left ?
Thanks
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/2FT2S0OZ2WrL
.td-header-style-8 .td-header-sp-logo{
width: auto;
float: left;
}
Let me know how it goes.
Thanks!
