Search Results for 'css'

Results from the Forum
Lucian
tagDiv Staff

Hi,

Use theme’s ad settings: http://screencast.com/t/PLzq945giwr and the custom css code from below then check again.

@media (max-width: 1018px) and (min-width: 768px) { 
.td-rec-hide-on-tp  {
display: none;
}
}

@media (max-width: 767px){
.td-rec-hide-on-p {
display: none;
}
}

@media (max-width: 1140px) and (min-width: 1019px) {
.td-rec-hide-on-tl {
display: none;
}
}

@media (min-width: 1140px) {
.td-rec-hide-on-m {
display: none;
}
}

Thanks

  • This reply was modified 11 years by Lucian.
Lucian
tagDiv Staff

Hi,

You can try to use custom css for it and set the logo’s image max height using this css in theme panel > custom css section:

.td-header-style-7 .td-header-sp-logo img {
max-height: 100px;
}

Let us know how it goes and provide your site’s URL so we can inspect it if you need a more accurate answer on this.

Thanks

Lucian
tagDiv Staff

Hi,

Yes, you could but in that case the content still will be loaded just hidden. You can use the css code snippets I’ve pasted below to target each screen width and hide the blocks/widgets you donl;t want.

/* responsive phone */
@media (max-width: 767px){
add your css code here
}

/* responsive portrait tablet */
@media (max-width: 1018px) and (min-width: 768px){
add your css code here
}

/* responsive landscape tablet */
@media (max-width: 1140px) and (min-width: 1019px) {
add your css code here
}

/* responsive monitor */
@media (min-width: 1141px) {
add your css code here
}

Thanks

Arafat
Blocked
#0

My website mobile page loading speed slow, I found some problem check this link :

1. Eliminate render-blocking JavaScript and CSS in above-the-fold content – http://prntscr.com/7ptf9r
2. Minify CSS – http://prntscr.com/7ptfyg
3. Minify JavaScript – http://prntscr.com/7ptg3v
4. Minify HTML – http://prntscr.com/7ptg7k

How to fix it?

My site link: https://mydreamlives.com/

Alin [tagDiv]
tagDiv Staff

Hi,

1. Theme Ad system was designed for adsense code, for non-adsense banneres you will need to find a solution like those divs that we recommend, please check documentation – https://forum.tagdiv.com/header-ad/
Also you can hide it via custom css in Theme Panel > Custom Css: http://screencast.com/t/y3xrhMWWq8

@media(max-width: 767px) {
.td-header-sp-recs {
display: none !important;
}
}

2. Unfortunately the theme doesn’t have such an option, if unique articles feature is active it will be applied on all block from the page. You will have to filter posts by specific category on your blocks or maybe offset feature will help please check this – https://forum.tagdiv.com/unique-articles-and-offset-newspaper/

3. Unfortunately you will need to edit the plugin or use a hook to filter the content to add no follow to the button link and this is not an easy task. Also Call to action from Visual Composer is deprecated – http://screencast.com/t/DX7VtgZr9G and I guess that it will be removed.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You have this issue because you use Visual Composer on posts page, unfortunately the tagdiv gallery was not designed for to be used in a text block in post. I have added this on our list and we will take a look at this and we will try to fix it in a future update. Using that custom css will break it on pages – http://screencast.com/t/EQRFHtUvD Try to target only post template and when is used in a text block like this:

.single .wpb_text_column .td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}
.single .wpb_text_column .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}

Thanks for reporting this!

Alin [tagDiv]
tagDiv Staff

Hi,

1. Here you can see all thumbnails sizes that are used on modules/featured images – http://screencast.com/t/jsnReCqmbKTb if you want to change or add thumbnail size you will have to edit – http://screencast.com/t/8MITol7p and the thumb is used on each module – http://screencast.com/t/Z8LXUOclzo If you do any changes please regenerate your thumbnails – https://forum.tagdiv.com/using-the-theme-with-existing-content/
2. You will need custom work, unfortunately we cannot provide any custom work at this time, sorry! You can edit all blocks where you want to make your custom modifications – http://screencast.com/t/FWRgereEu and here you can change the functions for all blocks – http://screencast.com/t/yfXhwjntA8
3. The only option that the theme has, is to place an inline ad after x paragraph – http://screencast.com/t/IvxEsMjt5
4. There is no extra field for title of the site, we just use wordpress url for author box. A solution is to make this change – http://screencast.com/t/103oZ7QcZlhttp://screencast.com/t/UjuVFBGCI
5. Please check Translations section – http://screencast.com/t/9NqBbNwo
6. Check this solution – https://forum.tagdiv.com/topic/related-article-box/
7. Please use this custom css in Theme Panel > Custom Css for post template 3 and 4:

.single_template_3 .td-post-featured-image, .single_template_4 .td-post-featured-image {
pointer-events: none;
cursor: default;
}

8. Not sure what you mean, theme have a various styles for category page – http://screencast.com/t/uu33kDROOd
9. Change here to take the featured posts – http://screencast.com/t/0qdQfFpAa8tX and also make this change so the featured filter appear – http://screencast.com/t/dTotgT95ddshttp://screencast.com/t/ii4TSLwc
10. You will have to search in code all references to the “featured” name and replave with “features”. This is not so ease as you have to make sure that you change all, as some issues may appear.
11. You need to use a plugin like WP User Avatarhttp://screencast.com/t/FbbMthPmy4Rn
12. Please check documentation – https://forum.tagdiv.com/td_api_moduleadd/ If you’re a beginner we suggest that you look for tutorials or professional training before trying to use this feature as we will not explain the syntax elements which are present in the code.
13. Unfortunately the theme doesn’t have an option for this but you can change the color using custom css in Theme Panel > Custom Csshttp://screencast.com/t/cuoptJBP7

@media(max-width: 767px) {
.td-banner-wrap-full, .td-header-style-11 .td-logo-wrap-full {
background-color: #ffffff !important;
}
}

Thanks!

vince-2
Participant
#0

I bought the template today. if i want to install the Template it say’s ” the package can’t be installed. The theme misses the style.css stylesheet. ” installation failed.

Am i doing something wrong here.

please help.

dhvanesh
Participant
#0

I want to replace current theme main style.css with my custom CSS which I am using from CDN, so which file i have to edit for header changes.

Alin [tagDiv]
tagDiv Staff

Hi,

Yes, it should work if you have activate the child theme. I have also checked changes in style.css file from child theme and they were applied.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I have checked your post and I saw that your button has 100% width – http://screencast.com/t/WuFMKIeHFlz Also if you want to create some effects on hover only for outlined buttons you can do it via custom css. These are the classes created for outlined buttons – http://screencast.com/t/N5yfb4pR and this is specific one .vc_btn_outlined, you can try to use it like this:

a.vc_btn_outlined:hover {}

Thanks!

Irreverent Gent
Participant
#0

Hi Guys,

I’m using header style 7 and my logo is displaying at 320 x 105 px. I’d like to be able to customize the size and make it bigger as needed. Is there a Custom CSS code that will let me control its dimensions?

Thanks!

simchris
tagDiv Member

Complicated. You would need to edit the style.css file and other things; some might not fit anymore, such as images, modules, etc. — actually easier to use the “wide” theme, Newspaper 6 for “wide” theme.

Thomas
tagDiv Member

Hello

Since the 6.2.1 update of course the hack in CCS disappear.

So I did what you told me and another time remove the line with table width 100% line.

In panel custom CSS, it already have:
.table { border: 0; width: 200px; cellspacing:0; cellpadding:10; align:right; }

But now the table still are in 100% and not in 200px large.

http://www.virtualmagie.org/articles/critiques/videomania/unboxing-de-nicholas-lawrence/

Any idea how to soluce that?

Regards

Emil G
tagDiv Staff

Hi,

You could start with this css(add it in Theme Panel -> Custom CSS): – http://screencast.com/t/juRt1QwMPs6


@media
(min-width: 1200px){
.td-main-content-wrap .td-container {
width: 1302px;
}
.td-main-content-wrap .td-main-content {
width: 1002px;
}
.td-main-content-wrap .td-pb-span4{
width: 300px;
}}

It will modify the content width on desktop, other adjustments are required for featured images or other elements to make them look right on the new width. If you don’t have experience with css i suggest that you look for a professional to help you with this task.

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

Please upgrade to version 6 via FTP, by removing the old theme(like it is specified in the documentation) as this version must be regarded like a new theme so make sure that old files will not remain as it could cause some issues – https://forum.tagdiv.com/how-to-update-the-theme-2/ and update also the plugins that come with the theme files. Then please run the script, it will import old settings from database and it will change the shortcodes(it is specified in the docs) – http://screencast.com/t/eZxxuqvsTir Unfortunately you will have to re-add widgets on your sidebars, some of them may not be imported or don’t exist anymore, also please note that if you have custom modifications to the theme files or custom css it will not work with new version.

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

I’m not sure why you have this issue as there is a default hover color that is applied on social icons as you can see also on our demo – http://demo.tagdiv.com/newspaper/ but in your case it is not applied when you hover an icon even there is the css for it – http://screencast.com/t/hcQDb3ScLpCU
Please check this without any plugins active, leave just Visual Composer active, clear cache and purge your files if you use CDN and see if you still have this issue.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

If you want to use a fixed width ad on desktop/tablets/mobile you can try this custom css in Theme Panel – http://screencast.com/t/VYIfXbc0GBHi

.td-header-sp-recs {
width: 300px !important;
float: right!important;
}

Thanks!

R Renard
tagDiv Member

Hi Alin,

thanks for the feedback – I’ve tried the steps you’ve suggested, but no luck. However I have been able to replicate the problem by creating a new (empty) post and adding a tagdiv gallery using the classic interface, it works fine. But when I switch to visual composer and add another section, for example a text block below the slider image is offset to the right, as well as the caption text immediately below the photo!

I’ve added some custom CSS to the page to fix it as a temporary workaround, maybe this can give you a clue as to what causes this. Are you able to replicate the same issue on your Newspaper installation, or is it just something specific to my setup?

.td-gallery-slide-copywrite {
background-color: rgba(0, 0, 0, 0.8);
display: inline-block;
float: left;
font-size: 11px;
font-style: italic;
line-height: 1;
padding: 4px 6px;
text-align: left;
}

.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
bottom: -50%;
left: -85%; // Changed
margin: auto;
overflow: auto;
position: absolute;
right: -50%;
top: -50%;
}

Walther
tagDiv Member

Hi,

Thanks a lot, the change in style.css works.

For the text color I have added this code in custom css:


@media
(max-width: 767px){
#td-top-mobile-toggle i, .header-search-wrap .td-icon-search{
color: black !important;
}
}

I hope the code is ok – it seems to work in any case.

Walther

Alin [tagDiv]
tagDiv Staff

Hi,

Do you refer to the author comments? – http://screencast.com/t/jSt01W0oJl If you do there is no option to hide this from Theme Panel, you will have to use custom css in Theme Panel > Custom Csshttp://screencast.com/t/WduvbckcW5

.author .td-author-comments-count {
display: none;
}

Thanks!

scorpiock
tagDiv Member

Ok, I just installed child theme and did following.

Copied style.css from Newspaper to Newspaper-child
Made necessary changes to style.css under Newspaper-child

Hope it’s ok ?

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately this file will be overwritten when you will update the theme. A solution is to use child theme as style.css file can be overwritten by child theme files. You can find the child theme, if you want to install it, in /code folder from package that you downloaded from themeforest – https://forum.tagdiv.com/whats-included/

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Yes, can add add xing social network to appear to your profile like I suggested above, also install Font Awesome 4 Menus plugin and use this custom csshttp://screencast.com/t/qdyVUMxI

.td-icon-xing:before {
font-family: FontAwesome;
content: "\f168";
}

Thanks!

anhbloginc
tagDiv Member

@Aline: How about widget on the post (which is not use the Composer) ? Now to add more attribute for CSS ?

Viewing 25 results - 27,776 through 27,800 (of 33,436 total)