Search Results for 'css'

Results from the Forum
Thomas
tagDiv Member

For the caption CSS solution, I just saw that there the text under the image is now stick.

Here a image.

Could it be possible to have the same space from top to bottom.

Regards

http://www.virtualmagie.org/articles/critiques/lectures/nothing-as-it-seems-de-ricky-smith/

  • This reply was modified 10 years by Thomas.
simchris
tagDiv Member

Any file you over-write, yes.
So you would need to re-apply changes to user.ini, custom.css, function.php.

htacess is not managed by the theme.

Basically if you over-write any file in the /wp-content/themes/Newspaper/ folder, it gets over-written to replace the original file.

I usually keep track of my changes, then reapply changes to the new versions, then delete old theme folder, and upload new one via FTP which has my modified versions of new files.

zankkasz
Participant
#0

I am wondering if I update the theme now, it will erase few things I included in the current instalation, such as alterations in the htaccess, user.ini, custom css, function.php and so forth.

Will it erase the alterations i did?

Thanks

Steven
tagDiv Member

[ Version 6.4 ]
blog_post: http://tagdiv.com/newspaper-6-4-update/
– new: smart list with pagination
– new: this is the first version of our ajax preloader. The preloader loads the ajax subcategories on the initial pageload, this provides a better user experience and in some cases a better performance if the initial page is cache.
– new: all categories now have an option for infinite loading + load more instead of pagination
– new: 2 new smart lists templates (smart list 6 and 7)
– new: 2 new ad spots used for smart lists (smart list 6 and 7)
– new: 2 new post style template (style 12, 13)
– new: demo – Travel
– new: demo – Health & Fitness
– new: footer background option in Theme Panel -> Footer
– new: wooCommerce invoicing plugin
– new: wooCommerce label maker plugin with support for label Dymo label printer
– fix: default and custom ad size not working for tablet landscape
– fix: on the ad block the sidebar ad spot cannot be selected since the last visual composer update
– fix: IMPORTANT security issue with the ajax code that handles the sidebars.
– fix: issue with ajax subcategories. If you clicked them fast enough there was a chance that they will desynchronized with the content, showing the wrong content.
– fix: block 18 css fix for large image sizes
– improvement: a big part of the themes JavaScript now passes jsHint and complies to WordPress JavaScript Coding standards
– improvement: mega menu ajax loading now works smoother and the animation is top to bottom
– improvement: infinite loader now has a loading animation
– improvement: we improved the loading animation, when needed it’s smaller and it looks better
– improvement: added link to user page on login widget from top menu

zankkasz
Participant
#0

Is there a way to create a separate file where I can put all the css in one place?

The same ideally would apply for the scripts.

I ask that because when I’m look at the source code of my website, the first 250-300 or so lines are filled just with scripts and stylesheet. I was wondering if that is impacting page load speeds.

Any help is appreciated.

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately we don’t have a meizu mx 4 pro phone to test on. You have to play with the css parameters until you obtain the desired effect. I suspect that this phone has a different screen resolution or uses a custom browser and the result may be different compared to the other phones.

Thanks!

Andrei L.
tagDiv Member

Hi

For related article try this custom css: http://screencast.com/t/3SMcInjTJ

.td_block_related_posts .td-related-title .td-cur-simple-item{
background-color: #B63232;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

1. The post pagination used by the theme is classic(numeric) you can try to find a plugin for this or hire a freelancer to do this for you as it is not an easy task. Here you can find the post pagination – http://screencast.com/t/KSXb3EON9k
2. You can customize the text if you want using custom csshttp://screencast.com/t/JTx4FkS3iRBq or you can modify this in the code – http://screencast.com/t/JSasHPgoM

.td-post-next-prev-content span {
color: red;
font-size: 15px;
}

3. The Newsticker block was designed to be used like the other theme blocks, just display the articles titles from a specific categories(multiple or all). It doesn’t have an option to add a custom text, but I can tell you that this suggestion is in our list and we will try to implement this for Newsticker in a future update.
4. Please try to use this plugin for disqus Disqus Conditional Load and check this also only with Visual Composer and Disqus plugins active(disable all other plugins), clear cache and see if the comments area appears.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Try to use this custom css link from text widget:

.widget_text a {
color: #016ca5 !important;
}

Thanks!

tomawebdev
Participant
#0

Hello,

I am trying to change the title design of block in a widget, i add it with VC, the problem when i edit the page i get new id for block.

The css code is

.td_block_id_1941621057 .block-title {
font-family: "Roboto",sans-serif;
font-size: 28px;
line-height: 1;
margin-top: 0px;
margin-bottom: 26px;
border-bottom: 2px solid #000000;
border-color: #000000;
background-color: #4DB2EC;
}

The id td_block_id_1941621057 get change everytime i edit the page, so making a design for every block when editing all is gone, and i need to use firebug to get new id. Any trick to get this solved.
How to get the id for block easily, is it a bug ?

Alin [tagDiv]
tagDiv Staff

Hi,

You can change it to position relative – http://screencast.com/t/xSYxAYRieoNi

.td_block_20 .td_module_14 .td-module-meta-info {
position: relative;
}

On block 4 the thumbnail is enlarged using css. You can do the same for block 12 – http://screencast.com/t/PO44UkLo8X

@media (max-width: 767px) {
.td_block_12 .td_module_11 .td-module-thumb {
width: inherit !important;
height: auto;
position: relative !important;
}
.td_block_12 .td_module_11 .td-module-thumb .entry-thumb {
width: 100%;
}
.td_module_11 .item-details {
margin-left: 0 !important;
padding-left: 0 !important;
}
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I have checked your site and the above css works for your page – http://screencast.com/t/FNQiZIPXqR4 Also for post pages you need to use also this class – http://screencast.com/t/5ZaRWhZLUtfn and use !important tag.

.td-main-content-wrap, .post {
background-color: #ebe5dc !important;
}

You may need additional customization if you use another post template as I have tested this only for existing posts.

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

You use this site to set your colors – http://www.colorpicker.com/ and just paste the hex color to the above color.
Also if you want to change the hover color this the css(just replace with your colors) – http://screencast.com/t/08VDdTFfqu6

.td_block_12 .td-read-more a:hover{
background-color: #C4CACC !important;
color: #222 !important;
}

Thanks!

Andrei L.
tagDiv Member

Hi

You can hide the featured image from a specific post using custom css, using the post-id class like here:

.postid-126 .td-post-featured-image, .postid-139 .td-post-featured-image {
display: none!important;
}

This css hide the featured image form the posts with id=126 and id=139. For each post that you want to hide the feature image just add the post id class flowed by featured image class, and separate it by comma like in example. To get the post id follow this link: http://screencast.com/t/BAJ27Av0ao

Let me know how it goes!

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I guess that this issue is related to permalinks or a plugin that you use. Please disable all you plugins except of Visual Composer, clear cache and also re-save your permalinks, then check if you still have this issue.

The css issue(provided above) will be fixed in 6.4 version of the theme.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You will need custom modifications for this, it is not just a simple css code, first you have to add excerpt for modules used on Big Grid(I guess you refer to this block), for example on Big Grid 1 are used module mx5 and mx6 – http://screencast.com/t/mNeNEpEw You can find them in modules folder if you want to modify it – http://screencast.com/t/GssjjMvHzc please note that these modules are used also on another grids/blocks. And then customize it via custom css. I suggest to hire a freelancer to do this for you if you don’t have php/css/html experience as it is not so easy and unfortunately the time doesn’t allow us to provide custom work, sorry!

Also for your second request you need custom modifications, for reference you can check this topic – https://forum.tagdiv.com/topic/conditional-logic-for-menu/#post-20087 it is for old version of the theme, but the principles are the same and you can adjust it.

Thanks!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme pnael > custom css: http://screencast.com/t/qfC5jeDntmOo

.home .td_block_slide .td-post-views {
display: none;
}

This css will remove the post views only from the homepage slider.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You can customize the social share buttons if you want this, the main difference is that on newspaper we use fonts instead of image for share icons – http://screencast.com/t/N2UJOcRN8L6Ohttp://screencast.com/t/sLgcOZKzq0c I guess that it is more easy to customize the icon on newspaper. If you have basic css/html experience you can modify them(play a little using inspector tool and see how you can design them) or hire a freelancer to do this for you as we cannot provide any type of custom work, sorry!

Thanks!

london789
Participant
#0

I have added this .widget_text a:link {
color: #016ca5 !important;
}

but the problem is in the sidebar widget I sometimes have more than one link, but this CSS doesn’t seem to be working on all the links, only 1 or 2 out of 4. Can anyone tell me what I am doing wrong? thanks

Andrei L.
tagDiv Member

Hi

To move logo to the left try this custom css: http://screencast.com/t/mWvgW8nEL5r

.td-header-style-1 .td-header-sp-logo{
margin-left: -21px!important;
}

To increase the the logo’s size its need to adjust the banner size, because header style 1 it’s designed to display the logo and banner on the same line:

.td-header-sp-ads{
width: 740px!important;
}
.td-header-sp-logo img {
width: 100%;
}
.td-header-sp-logo {
width: 300px!important;
}

Notice that I’ve tested this only with header style 1 and if you’re using a different header style you might need different customization.

Thanks for the message!

Andrei L.
tagDiv Member

Hi

By default the theme doesn’t have an option to do that but you can use this custom css in theme panel > custom css:

.td-header-main-menu{
background-image: url("insert your url image here");
}

The result should be like here: http://screencast.com/t/eMdOcGjRDhac

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please use this custom css to change the background color – http://screencast.com/t/FtCNe7yDe

.td-subcat-filter .td-subcat-dropdown ul {
background-color: rgb(183, 202, 76);
}

Thanks!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme panel > custom css:

@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: red;
}
}
@media (max-width: 767px) {
.td-header-wrap .td-header-main-menu{
background-color: #ffffff !important;
}
}

You can change the color as you like. The result should be like here: http://screencast.com/t/mOM6crOZ

Thanks!

Andrei L.
tagDiv Member

Hi

WordPress can’t enlarge the images, so you can try to use a plugin like Thumbnail Upscale as Chris suggested, if your images are smaller than the thumb where are used or use custom css for stretch them to fit thumb’s container.

Thanks!

Andrei L.
tagDiv Member

Hi

To change the subcategories color on hover use this css: http://screencast.com/t/UZCQHiFlq

.category .td-subcategory-header .td-category a:hover{
background-color: #D71313;
}

If you’re referring at related article you can use this css: http://screencast.com/t/gVxaQsuXB

.td_block_related_posts .td-post-category{
background-color: #B63232;
}

If this is not what you mean please provide a link and mentions the element’s color that you went to change.

Thanks!

Viewing 25 results - 27,026 through 27,050 (of 33,436 total)