Hello Bruno,
Try this CSS to remove the gradient from all grids: http://screencast.com/t/8oZcrqlw
.td-module-thumb a:last-child:before {
background: none!important;
}
Thanks!
Hi,
Please try this css to get the text black again:
.your-message textarea{
color:black!important;
}
Thank you!
Hello TagDiv,
I was wondering if there was a way to target a specific block or row via CSS?
For example, in a column if I had three Block 1’s, I would like to make one of the Blocks a different colour and have this say Sponsored?
Is there a way I can do this?
Examples:
http://www.gizmodo.co.uk/
Hello TagDiv,
I need to create a mobile only ‘back-to-top’ button.
Is there a function on the theme that can allow me to do this?
Alternatively, is there a CSS where I can do this.
Thanks,
Hello trigrafik,
If you want to create the header to look similar to your example you will have to do some additional customization using a bit of CSS in order to achieve as you wish. As a hint, you should try to use the background-image property to the certain container from your header section. If you need more assistance in this regard, please provide your website URL so I can inspect it closer and also, so I be able to provide a more accurate response.
Thank you for your understanding!
I’ve just solved this problem changing in style.css of my template the opacity:0 to opacity:1
This is the class changed:
body.lazy-animation .post img {
opacity: 1;
transition: opacity 0.3s;
transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56);
/* linear */
}
I’v found it with chrome inspector.
Hi,
This is where the color is set to header 12 in style.css: http://screencast.com/t/T9Zseq4G9
As for the fonts, I think you may have them set in too many places in the fonts section. If you set a font in the general tab and then another font on the menu, css will wait until all of the parameters get to the final step. Please try to set all other fonts to default and test just the font on the main menu to see if this happens with only one font selected and go from there without adding too many re-writes.
The alternative involves adding fonts with custom css and that will be more difficult.
Thank you.
Hi Andrei,
But what you said is quite impossible because i cant give all post-ids in CSS. How to achieve this dynamically??
Thanks in advance.
Hello Charles Edmunds,
Unfortunately, we do not have such a documentation for what you want to achieve, sorry! Please notice that all these desired customizations involve custom work and we cannot provide this type of services at the moment, sorry! 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. As a hint, for beginning you can start with the below custom CSS.
The code is ->
.td_container_video_playlist {
display:none!important;
}
The result -> http://screencast.com/t/7OCT3tUSCs
For more information about our video playlists, please check the documentation here -> https://forum.tagdiv.com/video-playlist-2/
Thank you for your understanding!
Hi,
Big grids and elements that cannot have titles get the category tags by default and the color is black by default. The hover color will be the theme accent color you set in the theme panel. For this type of blocks you need css to edit the category tag color or hover color if you wish to change it.
The tag has a block background as it will not get the background color of the titles, only the hover. It’s a styling of visual composer to change the “accent color” for a block. But the default background color is black no matter the title text or background you set for the block.
If you want to change the color of the category tag, you can use css. This depends if you want to change the color of all bocks or just specific ones on your page. If specific ones are the ones you are after, you need to assign a custom css class to the row in visual composer so these blocks can be targeted individually: http://screencast.com/t/zA63YaPPlVnC
Then you would use that class like so:
for a big grid for example:
.mycustomclass .td-big-grid-wrapper .td-post-category{
color:red;
background-color:green;
}
The hover color is more specific so I would need to inspect the particular block you want changed so I can provide the proper code.
Hope this helps.
Thanks.
Hi @takalitera
I’ve checked the indicated link and seems that the problem is an inline css added on the iframe from youtube: http://screencast.com/t/bniUS1UEV With the actual structure I can’t overwrite this css as there is no id/class for the iframe. You will need to insert your videos inside a container so it can be targeted with css, here is an example: http://screencast.com/t/FNE632MqQpm
Then use this css in theme panel > custom code > custom css to set a the height for the video:
.my-video iframe{
height: 400px!important;
}
Read More Without Refresh plugin is not tested to work with the theme and we cannot guarantee it will work 100%. We have not tested this plugin and we have no idea of the plugin functionality in order to provide an answer. Unfortunately time does not allow us to provide plugin implementation support.
If you really want to use this plugin we suggest you hire a freelancer to help you with implementation. You can hire one from studio.envato.com
Thank you for your understanding.
Hi,
You can change the category template and top post settings from the theme panel: http://screencast.com/t/KwjSE2Lc
If you want to add a block to the category templates, you can do so with a do_shortcode function inside the category templates or the category top posts: http://screencast.com/t/vaLSho5EXrXm.
Create the block you want in a dummy page and click on classic mode and switch to text mode so you can copy the shortcode for your block and then use the do_shortcode function to add it inside the file.
This however will require further css positioning as it will not display properly .
As an alternative, you could create static pages for your categories and use a 301 redirect from the category page to your static page.
Hope this helps.
Thank you!
Good Morning, Catalin/Bogdan
I’m sorry to be bothering you
Because I am now finishing my site, and it is getting very beautiful!
But I would like more a little help from you, if possible!
Look, as the attached picture, I would like to expand 100% the background color of some box to the side, like the theme of Sport and video!
http://www.screencast.com/t/u5ooik3ayN0f
Please note there on the image!
It is possible expand the background color of a particular area, as the attached picture?
You can expand the background color using the Visual Composer or CSS?
It would be nice if you could expand to the side the background color of some áreas/Box!
Thanks for attention!
Hi,
Could you tell me where exactly I need to modify the colours and the fonts in the CSS. I can go ahead and do this but to find exactly where this is would be very difficult. I know its some where near td-header-menu-wrap-full but I cant seem to find where that is. If you could help me out I will permanently change the CSS and font as we wont be changing it. I will also need to know where this is if we update the theme and the changes get reverted.
Thanks,
Gordon
Thanks. My only question is, after I create the containers and their position using css code, from where I can upload, for example a html code, where is that file, because I’m not going to have that option from the pannel.
-
This reply was modified 10 years by
marcos ponce.
In my page : http://www.objectifs-fitness.com/programme-fitness-femme-beleza/
(Used Optimizepress)
The text typing in shield seems to be hide, or “name” and “email” text doesn’t appear. Sorry but it’s urgent :s
Last time you found me a quick super CSS solution.
Thank you very much
I am sorry for the silly title of this post but I really know how to describe the issue by words. Just look here:
http://goodlife.visitar-praga.com.pt/category/guia-alternativo-de-praga/
Why are the last two entries, in the last row of each page, missing? I am aware that I customized the CSS for that module, but without customization I can see the same issue.
Hello,
Unfortunately thee icons cannot be removed one by one as the widget comes as a whole package. You can however use css to hide some of the options like so:
.td-social-pinterest, .td-social-google{
display:none!important;
}
Add the code in the theme panel ->custom css box/
Thank you!
Hi,
You can use this css code to chose another hover color for the footer:
.td-sub-footer-menu .menu-item a:hover{
color:red;
}
Add the code in the theme panel->custom css code.
Thank you!
Dear Support tagdiv,
My website installed with SSL.But my website can not load images with link https://… . But it load http:// OK.
Example:
Link https: https://everything2you.net/resources-web/uploads/2016/04/Hoa-Thanh-Tu-0.jpg (Error… loading )
Link http://everything2you.net/resources-web/uploads/2016/04/Hoa-Thanh-Tu-0.jpg (Loading ok)
I read and follow manual https://css-tricks.com/moving-to-https-on-wordpress/ and more.
But It not working.
My website : https://everything2you.net
Using Newspaper V 6.7.1
Help me soon.
Thanks
It’s true! I guess it has to be with customized CSS but as far as I can see (but I am far from being an expert) the class name is the same. Perhaps Bogdan or other can tell us if there is a specific class name for the category tags and post title of each separate module…?
Hi
Basically you have to edit header-style-8.php file and add two new containers in it: http://screencast.com/t/vQ4wX4Dcz then adjust theirs position using css code.
Unfortunately we can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
Thanks!
Hi
Try this css in theme panel > custom code > custom css:
.td-footer-info .tunein-icon img{
width: 25px;
height: 25px;
position: relative;
top: 5px;
}
.td-footer-info .tunein-icon{
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 11px 8px 10px 8px;
}
.td-header-top-menu .td-social-icon-wrap .tunein-icon img{
width: 20px;
height: 12px;
}
.td-social-icon-wrap .tunein-icon img:hover{
background-color: red;
}
Thanks!
This is interesting. The problem seems to be with vc_column-inner, in particular padding-right and padding-left. See the screenshot. What should I then add to css?
-
This reply was modified 10 years by
centennia.
Hello paolobabaglioni,
The code you have to add in Theme panel->Custom CSS area, like this -> http://screencast.com/t/z5maMrSyUrDr
Thanks.