Search Results for 'css'

Hi,

You can do it via css, like this: http://screencast.com/t/qGXTBvySJn

.prev-post div, .next-post div, .prev-post a, .next-post a {
font-family: Oswald !important;
}

.td-tags a:hover {
background-color: #4db2ec !important;
}

Thanks

Hi,

This: http://www.screencast.com/t/PN6Uh1p7E is an image caption text and you can use this css to change it’s font size: http://screencast.com/t/f88iUjB6Kd

.wp-caption-text {
font-size: 30px;
}

And this: http://www.screencast.com/t/Vek3IN1wfY is an header tag: http://screencast.com/t/UhY1t4Aw
Use this custom css to change the header font size: http://screencast.com/t/0d7oE1eLES8l

.td-post-text-content h5 {
font-size: 60px !important;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

1. Replace all line: http://screencast.com/t/aEb09NFpyxb with this 'orderby' => 'rand', line, like this: http://screencast.com/t/6GI9pNv0kjRS

2. Use this css in theme panel > custom css filed: http://screencast.com/t/1eERz5iE

.td-big-grid-title .td-sbig-title-wrap, .td-sbig-title-wrap .td-sbig-title {
background-color: transparent !important;
}

3. Use this custom css: http://screencast.com/t/rr7hjvrX1nML

.td-sbig-title-wrap a:hover, .td-sbig-title-wrap a:hover span {
text-decoration: none !important;
}

Thanks

Hi,

Yes, use this custom css in theme panel > custom css filed: http://screencast.com/t/kIGOrwR2K and set the menu to be sticky from theme panel.

@media (max-width: 767px){
.td-affix {
position: initial !important;
}
}

Thanks

Hi,

When you activate the tagdiv speed booster plugin some css an js files are moved to the bottom of the page in the footer section so this may cause issue when used with others plugins and the css you use to set the background gets overwritten.
Try this custom css in theme panel > custom css filed:

@-moz-document url-prefix() {
body {
background-color: #4DBFD5;
background-image: url('http://www.dil-bilgisi.net/fon.png');
background-position: center top;
}
}

ie11 body {
background-color: #4DBFD5;
background-image: url('http://www.dil-bilgisi.net/fon.png');
background-position: center top;
}

Please let me know if it works.

Thanks

Hi,

Like this: http://screencast.com/t/VB75UlHjIQ
Use this custom css and add it in the custom css filed in theme panel: http://screencast.com/t/GxV5NSJrrN
.td-header-bg .header-logo-wrap {
margin-top: 0px;
}

Thanks

Hi,

2. Unfortunately the theme doesn’t have an option for that, it’s not easy but it can be achieved via css and you will need custom work for that. If you don’t know how to do it we suggest you to hire a freelancer to get this done for you as we cannot offer custom work at this time.

6. In this path ..\wp-content\themes\newspapertheme\includes\modules\module_modifier you can find the file, use a code editor like Notepad++ and edit the td_module_blog.php file change remove the code I suggested then save it: http://screencast.com/t/3gClfIbAf
Search for tutorials online to see how you can use code editors and make this modifications: http://smallbusiness.chron.com/notepad-beginners-38873.html

11.
i) Use this css to have the small images like the other slider images in small screen widths: http://screencast.com/t/SxAIEXyiV4HR

@media (max-width: 476px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 200px !important;
}
.td-big-grid-post-2, .td-big-grid-post-3, .td-big-grid-post-1 {
width: 100%!important;
height: 174px !important;
}
.td-big-grid-post-3 .thumb-wrap {
border-left: 0px solid #ffffff !important;
}
.td-big-grid-post-3 .td-sbig-title-wrap, .td-big-grid-post-2 .td-sbig-title-wrap {
margin-left: 0px !important;
bottom: 2px !important;
}
.td-big-grid-post-2 .td-sbig-title-wrap {
bottom: 3px !important;
}
}

@media (min-width: 477px) and (max-width: 767px) {
.td_block_big_grid .td-big-grid-post-0 {
height: 300px !important;
}
}

ii) The images become like that because of the width of the screen as in order to be responsive are set to 100% of width.

13. Use another block widget, the block 1 widget which you are using it’s set to appear like that: https://forum.tagdiv.com/modules-and-blocks/

15. Replace this code: http://screencast.com/t/XAQnqGR9fiLz with this: http://pastebin.com/7dpq7Rpr

18. That happens because of the cropping function, you can find more info about it in this topic: https://forum.tagdiv.com/topic/thumbnails-and-images-url-problem-comments-problem/

19. This is similar to the second matter and it can be done via custom css but unfortunately the theme doesn’t have an option for this and you will need to hire someone to customize it for you.

20. You can find how to do it here: https://forum.tagdiv.com/topic/customize-article-display-view/
Move the get_category() function inside the module file.

Hope this helps!

Thanks

Hi,

Please use this custom css: http://screencast.com/t/lMWKiNEAfVs
Add it in theme panel > custom css filed:

.iosSlider .slide-meta-author {
line-height: 30px !important;
}

I have also added this on our issue list and we will fix it in the next theme version.
Thanks for reporting this!

Hi,

1. Can you please point out which images aren’t loaded as thumbnails and are scaled? I have checked your site and seems that the thumbs are loaded as it should, you can manually add the image width and height if there are missing, as I have noticed the thumbs I have checked do have img dimensions.
ex:
* http://screencast.com/t/fxItmx5k
* http://screencast.com/t/wJzq8PFr

2. I have noticed that the link points to the category but somehow it redirects to homepage when clicked. Please deactivate the plugins, empty cache and/or purge files if you use any CDN hosting services then check for this issue as a plugin could cause this.
If this dose not helps please go to settings > permalinks and re-save your permalink structure.
When you deactivate plugins make sure you enable them back one by one to check which one is generating this issue.
Please let me know of what you find.

3. Not sure why the css isn’t loaded on category pages, it could be overwritten so if this issue still appears after you deactivate the plugins please try to use this css inside the custom css field: http://pastebin.com/pnMHRG9q
Should fix your issue: http://screencast.com/t/gpkaGGXRe1S

Thanks

Hi,

If you have any custom css please remove it, disable all plugins, except for the Visual Composer plugin and check if the issue is still there. Let me know how it goes.

Thank you, Emil G.

Hi,

Thanks Christopher!

@jb As Christopher suggested you can edit the style.css file and remove the media query’s which add style for tablets. Remove all css inside this:

/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {

}

Thanks

Hi,

1. The theme doesn’t have an option for that an you can change it via custom css for all menu items, follow the topic form the URL as I have posted a solution on how you can do this here: https://forum.tagdiv.com/topic/several-issues/
You can do it for individual menu items but it will not be easy and you need custom work for that.

2. Like this: https://forum.tagdiv.com/topic/ad-on-homepage/#post-24051

3. With this css: http://screencast.com/t/SKMarcdAd4

.block-child-cats a {
font-size: 18px;
}

4. Can’t recommend you one as we haven’t made tests with none, you can search online and test it to see if it works.

5. You need a plugin for that, not sure which one it’s used on the site you have provide the screenshot but you can try to find one online: http://www.bloggingwizard.com/top-wordpress-social-sharing-plugins-2014/

6. You can try to edit the td_module_blog.php file and change this: http://screencast.com/t/8P4veeALzl1L as the theme panel dosen’t have an option for this.

7. Can’t recommend any plugin that dose that, I suggest you do a google search and find one online.

8. You have to use that plugin if you want a similar functionality as the theme doesn’t have an option like that for the comments box.

9. Just add your gif image to your post using “add media” the same way you upload and add a normal jpg image: http://screencast.com/t/nkrXbZQbWHt

10. Replied here!

11. You can use the same method offered for the big slider’s big image and change the css for other images as you like using this @media css snippets to target just the mobile screens:

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

If you don’t have any html/css basic knowledge and don’t know how to do this we suggest you to hire someone to help you with it as this needs custom work and we cannot offer any type of custom work at this time because we work hard on development, updates, fixes and support and we don’t have time left. You can also get a freelancer from sites like: http://studio.envato.com/ if don’t have anyone to helps you with this.

12. Unfortunately I can’t helps with this also as I can’t recommend you any. You should search for a similar one online.

13. This is a block 1 widget and you can change it from appearance > widgets > then go to the sidebar you use there and search for block 1 widget then for “custom title filed” and change the title like this: http://screencast.com/t/mSQHBYBG8w

14. Via custom css using this custom css in theme panel > custom css filed: http://screencast.com/t/HO4TJR2yc

.prev-post div, .next-post div {
font-size: 33px;
}

15. Use this css: http://screencast.com/t/uQNePflX

.next-prev a {
display: none;
}

16. Unfortunately the theme doesn’t have a feature like that, you can try to find a plugin that dose that or you could use our social sharing buttons, add them there and use css to style them. You will also need custom work for this.

17. You can edit the post template file you are using and move this line, like this: http://screencast.com/t/OqnqyBtd and then use css to style it as you like. We suggest to get someone to help you with this if you don’t know how to do it.

18. The theme is already responsive build so I’m not sure what your issue is, please provide more details.

19. You can remove the underline for title on hover via css like this: http://screencast.com/t/4cxK85zYOuX
But to change the color when hovered to the category the post is part from you need more css and custom work.

.td_mod_wrap .entry-title a:hover {
text-decoration:none !important;
color: red;
}

20. You can your answer here: https://forum.tagdiv.com/topic/show-category-name-in-homepage/

Thanks

Hi,

This issues with styles is due to theme’s rtl style sheet, as the themes original style sheet, when using the plugin, gets moved to the footer and because of the cascading property of the css the rtl css gets overwritten by the initial style.
Until we can provide a fix for this you could try not to move the theme style to the footer, like this: http://screencast.com/t/VShNyJkRQrf avoiding the styles issues and still use the plugin for js files an other css files.
Hope this helps!

Thanks

Hi,

I have checked your site’s source and seems that the speed booster plugin does do what it should: http://screencast.com/t/2eCCByZYKi
As you can see in the screenshot the js/css files are located in the footer, excepting this jquery script and some css files: http://screencast.com/t/eT2Ke74xTH
Please make sure you add the id’s for style sheets. Regarding the js jquery file please note that it’s set like that and if this is used with rev slider is not moved as it cause conflicts: http://screencast.com/t/coGyMTluP67N
Also note that minifying your js/html/css can also cause issues so make sure that you disable the minification of this resources then deactivate all plugins then activate them one by one and try to move them to the footer using speed booster plugin and also consider that some css/js files are already added to the speed booster plugin and you shouldn’t add them again.
Hope this helps!

Thanks

Hi,

Please deactivate all plugins then use this guide and based on id’s to move js/css to the footer as this guide doesn’t guarantee that this will work for all js/css added by other plugins.
You should also follow this topics to find more info about this and also different solutions regarding issue that you may encounter while searching for “How to get the best pagespeed score”:
* https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
* https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!

Thanks

Hi,

Please use this css to fix it: http://screencast.com/t/3Hpz6F8uafQK

@media (min-width: 1200px) {
.td-boxed-layout .td-header-style-8.td-affix .td-menu-wrap {
height: 76px;
}}

Thanks

Hi,

Regarding the Firefox slider issue you have I think it’s could be due to a plugin conflict so please deactivate all plugins then empty cache if you use any and check for this again. If this doesn’t happen anymore you can activate plugins one by one to see which one is creating a conflict.
The slider’s titles rows can be controlled from td_module_slide_big.php like this: https://forum.tagdiv.com/topic/changing-the-width-of-the-featured-post-title/#post-18499
Seems that your social sharing issue is due to some css: http://screencast.com/t/oOz120C25
You can fix it like this: http://screencast.com/t/AplJiCSfMEp

.td-social-sharing {
top: 0px;
}

Use this css for the menu border, just change the color border color to the one you want and for hover also: http://screencast.com/t/mF1GENRhXd1

.sf-menu li a:hover, .sf-menu .sfHover a, .sf-menu .current-menu-ancestor a, .sf-menu .current-category-ancestor a, .sf-menu > .current-menu-item > a {
border-color: #4db2ec;
}

.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
border-bottom: 4px solid rgb(229, 14, 55);
}


The menu font color can be changed from theme panel > custom typography: http://screencast.com/t/3RpxouZx
As for the mega menu direction I have searched a bit for a solution online but couldn’t find a simple solution. You can try to search for a solution yourself or you could hire some one to do it for you if you don’t know how to do it.

Thanks