Search Results for 'css'

Results from the Forum
Alin [tagDiv]
tagDiv Staff

Hi,

You can create a custom field and write the name – http://screencast.com/t/koHeldvHu and you have to modify the code for module 6(this module is used on block 7) – http://screencast.com/t/kt5lY4gihttp://pastebin.com/pCf2f9QT
Use css to customize it – http://screencast.com/t/MYqDqb8a6r

.td_block_7 .td-module-meta-info .td-post-category {
display: table;
}
.td_block_7 .td-custom-author {
display: inline-block;
}

Please note that changing module 6 will affect also other blocks where it is used – http://screencast.com/t/Lbsn3hylgz1B

This is an example and require custom modifications, I suggest to hire a freelancer to do this for you if you don’t have basic experience as we cannot provide custom work.

Thanks!

AilyRoot
tagDiv Member

thanks for this and css code is working fine and now tab shows as your demo shows

Bryson T
tagDiv Member

Still having the issue. The errors in the console are all coming from (or trace back to) the DoubleClick ad network (Essentially AdSense). They shouldn’t be affecting mobile vs desktop tap space.

The issue is one I’ve seen before. I don’t know if it’s related to the theme but I’d imagine so since switching themes automatically fixes the problem. When using a 3rd party provider of AdSense ads there is this transparent block (320×320) that appears below ads. You can’t see it, but it covers up menus usually. This time, the header ad was covering up the first position in the block on mobiles. Added height: auto !important to the img tag in the custom css for mobiles and problem solved.

I had to do the same for the sidebar ads as well a while back. I had a grid up top for a long time which, like the menu and logo – uses a higher z-index value so the transparent block fell beneath it and wasn’t an issue.

Container limits on images in ad spaces (I only use theme provided spaces for ads) would be a smart addition to Newspaper and NewsMag (where I first noticed the problem last year). But this is resolved for me now. Thanks for looking into it, Alin.

Bintmusic
tagDiv Member

Hi Alin,

it seem there’s something wrong… 😉

thank you for news update…

I’ll wait for theme css update including new tabs

Thanks!

Andrei L.
tagDiv Member

Hi

You could try to add a new case for the sidebar layout in td_module_slide.php like this: http://screencast.com/t/5PAX4y9qWi and a new thumb size in td_config.php http://screencast.com/t/dKQrsEKOdhg that the image to be cropped at the size you want for that slide, also you will need additional css for this slide in style.css file.
This changes requires good coding skills, so I recommend you to hire a developer from sites like http://studio.envato.com/ if you don’t know how to do it yourself, because we cannot offer any type of custom work, as we work hard on the development, updates, fixes and support.

Thanks for the message!

Steven
Participant
#0

I like to have a css code to change the titles color from white to #dddddd on “Big Gride 3 and block 14,

And a css code to hide the tile on some gride and blocks as well…thanks in advance

Bogdan B.
tagDiv Staff

Hello enpomedia,

It seems you have a custom CSS that sets the mobile background color to white. If you want it set to transparent just change the css that Andrei gave you: https://forum.tagdiv.com/topic/how-can-i-change-the-color-of-moblie-main-menu/ and replace the #fff color to transparent
It should look like this:

@media(max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #transparent !important;
}

Thank you.

Andrei L.
tagDiv Member

Hi

Like I said above you can use media queries to hide a specific element on mobile devices, for the row html you can use this custom css and if you’re using the video player from VC: http://screencast.com/t/Jw6XvAFHi that will be hidden also:

@media (max-width: 768px){
.wpb_raw_html, .wpb_video_wrapper{
display: none!important;
}
}

I am not sure at what red tap you’re referring but you can use the same method to hide it, by targeting his specific classes. or you can set a custom class for vc elements and use it in this scope: http://screencast.com/t/nOPPc6KMYjAv

Thanks!

  • This reply was modified 10 years by Andrei L..
Emil G
tagDiv Staff

Hi,

A solution would be to create a new block which uses module mx5 used on Big Grid 4 – http://screencast.com/t/sKkpOyylx
Just check how the other blocks are built – http://screencast.com/t/ExHy1I5QEz
You need something like row > mx5 + mx5 > /row – http://screencast.com/t/iGlHrTgO9
And check the api documentation on blocks – https://forum.tagdiv.com/td_api_blockadd/
Module mx5 can be used on the new block so there’s no need for a new one.
And you may probably need some custom css.
Hope this helps.

Thank you!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme panel > custom css: http://screencast.com/t/eyxwXDuyFVG

.block-title > span{
background-color: #B14646;
}

Thanks!

Andrei L.
tagDiv Member

Hi

1. Not sure what you mean but if you have a VC layout like this: http://screencast.com/t/OYlhsccc31P4 and you want the 1/3 colon to be scroll down with 2/3 colon, just add the td-ss-row class like here: http://screencast.com/t/hIaH3ZAtd

2. You can add a border bottom for each widget from sidebar using custom css in theme panel > custom css: http://screencast.com/t/8oqq9Hrmi

.wpb_widgetised_column .td_block_wrap {
border-bottom: 5px solid red;
}

This css applies only if you’re using a widgetized sidebar: http://screencast.com/t/pAqqTD30

Let me know ho it goes and provide more details if this is not what you mean.

Thanks!

Andrei L.
tagDiv Member

Hi

The pingback_url parameter should displays the pingback XML-RPC file url: http://screencast.com/t/l39D6FZuw9Q but in your case the url it’s empty. This issue could be caused by a plugin so you could try by deactivating all, leave just Visual Composer active, clear the cache ant test again.
Regarding the css errors these appear because it’s not recommended to use css code inside div tags.
The theme generate a custom css for each block, depending by user’s options, but this code cannot be included in style.css file. This problem it’s present on our demo too: http://screencast.com/t/XDK7S2xZytif but does not affect the page load.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi Bintmusic,

We will also try to fix the css added by the theme as soon as possible(now the plugin css is applied). So if you renamed the shordcodes you can try this custom css in Theme Panel > Custom Csshttp://pastebin.com/9TqhCnCMhttp://screencast.com/t/cmd7NiC8 until we adjust the theme css for tabs.

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

The tabs shortcode was renamed by the Visual Composer developers from version 4.6 and unfortunately the css code from theme doesn’t apply on tabs block. I have add this on our to do list and we will try to adjust it in a future version of the theme. Until then please try this custom css in Theme Panel > Custom Css: http://pastebin.com/9TqhCnCMhttp://screencast.com/t/cmd7NiC8

Thanks!

Bogdan B.
tagDiv Staff

Hello,

The newspaper theme is a bit different from newsmag as it does not include that specific template but you can recreate it on pages in visual composer, although it will look slightly different. You have to use the homepage post element like so – http://screencast.com/t/7bKQ4kx6 and this is the result – http://demo.tagdiv.com/newspaper/homepage-one-top-post/
Another way is you can add a background image to the row using Visual Composer settings and create something similar like the travel demo – http://demo.tagdiv.com/newspaper_travel/http://screencast.com/t/msgwHI0oB and customize it – http://screencast.com/t/ueYDvf2ic also you can add an extra class to the row and use custom css.

Thank you.

Alin [tagDiv]
tagDiv Staff

Hi,

1. I guess that this is what you want to do – http://screencast.com/t/UtORBEL3Y

.td-big-grid-post:hover .td-module-thumb a:last-child:before {
opacity: 0.3;
}

2. You will need custom modifications to change the thumb size for each module used for Big Grid and increase the margin between them – http://screencast.com/t/XeQkMx7dbhW I suggest to hire a freelancer to customize Big Grid for you, as we cannot provide custom work at this time, sorry!
3. If you want to add a hove color for articles title in Big Grid you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/ehfidfhfaCqE Just change the big grid number and add your color.

.td_block_big_grid_1 .td-big-grid-post:hover .entry-title a {
color: red;
}

4. Not sure what you mean, please provide more details.
5. The excerpt length for every module can be controlled from Theme Panel > Excerpt – http://screencast.com/t/ur5noHK5vGx
If you want you can also use the excerpt section from post settings, but the settings from panel will not control this, all text that you paste will be displayed – http://screencast.com/t/rardM7tu0

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please add this code to the author function – http://screencast.com/t/FkJuKn5Wj

$td_a_target = ' target="_blank"';
$authorMeta = get_the_author_meta('twitter');
$buffy .= '<span class="td-social-icon-wrap td-twitter-author"><a' . $td_a_target . ' href="' . $authorMeta . '" title="Twitter"><i class="td-icon-font td-icon-twitter"></i></a></span>';

And use this custom css in Theme Panel > Custom Csshttp://screencast.com/t/0GqehRMNNEiA

.td-twitter-author .td-icon-font {
color: #222;
}

I just add this and it works fine on my side, but please note that I did not checked how it looks on all the post templates, so you may need some additional customization… If you don’t know how to do this I suggest to hire someone to do this for you.

Thanks!

Mladen Gradev
tagDiv Member

Hi,

I am not a tagDiv team member, but will try to explain the situation with Speed Booster. I think I get it correctly.

In the ideal situation all css files will load in header and all js files in footer for webpage speed. This is what is recommended and what Speed Booster is trying to do. But this is not required rule and every plugin or theme developer can follow it or not. If some plugin or theme is loading js files in header, this is because plugin’s author created it this way and if Speed Booster move it in footer, the plugin may stop working properly.

If you want SB to work properly and not to break your site, then you have to modify (or ask authors to modify) each plugin or theme, which are not following the good coding practices. Speed Booster itself is only trying to rearrange files positions, it is not a caching or minify plugin, so you can run your website without it too 🙂

I hope this info will help you to understand the situation about SB. And I am sure that if you have installed only tagDiv’s product, the plugin will work.

Thank you for your attention,
Mladen

simchris
tagDiv Member

Theme doesn’t manage RSS, that’s done by WordPress.

Use a CSS validator online to see if you have a malformed character in your text somewhere breaking the UTF8 encoding.

eg
http://feedvalidator.org/

simchris
tagDiv Member

Well, keep in mind some theme developers get swamped with RTFM support questions on how to use WordPress, how to install WooCommerce, and folks who decide to completely change their site layouts/design 10 months later and want another hour of free support to teach them how to do basic CSS fixes, or “where do I download my file update from ThemeForest?” — so, at some point there are good reasons for two kinds of support.

Presumably support for the THEME should be free; but basic “where do I log in to WordPress” questions really should be limited as folks need to take ownership of learning to use the platoform and stop expecting the theme to completely manage a website.

Just my two cents.

On the other hand, I’m not renewing my Canvas/Woo licenses, after paying for them several times over. Their last support ticket took 5 days for reply, and they didn’t provide an answer on how to fix something they changed back the way it had been for 5 years. Answer was, too bad, sorry, for something related to having sidebar visible on iPad portrait.

Sorry — kind of ranting there 🙂

ronaldliive
tagDiv Member

I don’t use tagdiv sidebar widgets so I would need a custom CSS to change the background.

http://kiip.ee/wp-content/uploads/2015/09/Screen-Shot-2015-09-01-at-18.46.03.png

Andrei L.
tagDiv Member

Hi

Sorry for delay we somehow missed your post.
Assuming that you insert the h3 tags like here: http://screencast.com/t/VjWl3QZ1S1X you can try this custom css ion theme panel > custom css: http://screencast.com/t/D6qRnNHIJU

.td-tags h3 {
margin-top: 0px;
margin-bottom: 0px;
}
.td-tags {
display: inline-block;
}

Thanks!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme panel > custom css: http://screencast.com/t/UJtyHSuKr

.vc_toggle{
    border-bottom: 1px solid red;
}

Let me know how it goes!

Thanks!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme panel > custom css: http://screencast.com/t/yadpqdGjj

.single .td-post-content a{
text-decoration: underline!important ;
}

This css underlines the links from all posts content.
Let me know ho it goes.

Thanks!

Andrei L.
tagDiv Member

Hi

You need to use media queries and set your specific sizes for mobile devices, for example:

@media (max-width: 768px) {
.page-id-6233 .td-container {
/* your custm css */
}
}

Also you can use advanced css section in theme panel: http://screencast.com/t/rIWKUNpnnWc Please note that modifying them’s grid it’s not something we recommend, it’s not an easy task because modifying the them’s grid will require other css customization.

Thanks!

Viewing 25 results - 26,901 through 26,925 (of 33,436 total)