Search Results for 'css'

Hi,

Please try the following css and check if the issue is still there:

@media (min-width: 1020px){
.td-header-menu-wrap {
height: 170px;
}
.td-header-menu-wrap.td-affix {
height: 48px;
}
}
@media (min-width:768px) and (max-width: 1019px){
.td-header-menu-wrap {
height: 100px;
}
div.td-header-style-7 .td-header-sp-logo img {
max-height: 100px;
max-width: initial;
}
.td-header-menu-wrap.td-affix {
height: 48px;
}
}

Thanks!

Hi,

1. Please provide a link so we can take a look at this.
4. I also checked this and did not change the color for article title on Big Grid – http://screencast.com/t/PbJs0c7Yj4Z please make sure that you don’t have another css code taht change the color there. Also paste a link to this page.

Thanks!

Hi,

Unfortunately there is fixed height for container and a max height for logo image that’s why you have this issue with logo, because it matter the aspect ratio of the image. You will need custom modification to use the same image size and increase the width and height, I suggest to hire a professional to do this for you if you don’t have basic css/html experience as we cannot provide custom work, sorry! Y ou have to customize it for each screen size using media queries, for example – http://screencast.com/t/YG6pPPShacL

@media (min-width: 1140px) {
.td-header-style-1 .td-header-sp-logo {
width: 340px;
height: 160px !important;
margin: 28px 0px 9px 0px;
}
.td-header-style-1 .td-header-sp-logo img {
max-height: 160px;
}
.td-header-style-1 .td-header-sp-recs {
margin: 40px 0 9px 0 !important;
}
}

Thanks!

Hi,

Please add your background image for header using this custom css – http://screencast.com/t/qfxmCw5EJePs

.td-banner-wrap-full {
background: white url("http://mydomain.org/wp-content/uploads/2014/07/Burlap-texture.jpg");
}

Also for footer area you can try this: http://screencast.com/t/36hn8irpI1a

.td-footer-wrapper {
background-color: transparent;
}
.td-footer-wrapper {
background-image: url("http://mydomain.org/wp-content/uploads/2014/07/Burlap-texture.jpg");
}

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

Please make sure that you use the latest version of Visual Composer, install and activate it from here – http://screencast.com/t/sICGwGTQXQTh and check the version – http://screencast.com/t/pSDK3ooFurWV If you need to update the Visual Composer plugin, please delete the old plugin and update the latest version. Also remove the Child theme for version 4 and upload the version provided with the theme files, you can find it in /code folder. Please note that this is an upgrade, Newspaper 6 should be regarded like a new theme and custom modifications, custom css from version 4 will not work anymore and you will have customize it again, but were added many features in this version(blocks, modules, sticky sidebar..) so I guess that it worth the update. Let me know how it goes!

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to display author role/job and you will need custom modifications to achieve this and if you don’t have basic php/html/css experience I suggest to get someone to help you with this as we cannot provide custom work at this time, sorry!
You can try to add a field, check this solution – https://thomasgriffin.io/how-to-add-custom-user-contact-info-in-wordpress/ and you should have an option to add the job/role on profile. You have to echo that field something similar like description here(for author page) – http://screencast.com/t/IJdnlwfSOCLM and also here for authors block if you create a page with all authors – http://screencast.com/t/kvn9WY4B3

Thanks!

Hi,

1. Please try this custom css to hide Big Grid 7 on category page – http://screencast.com/t/YgJALv5T

@media (max-width: 767px) {
.category .td_block_big_grid_7 {
display: none !important;
}
}

2. Yes, just take the category id and add it in Latest Articles section with minus like in the multiple categories filter description – http://screencast.com/t/mS4QYWaM

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css:

.td_block_slide .td_module_slide {
visibility: hidden !important;
}
.td_block_slide .td_module_slide:first-child {
visibility: visible !important;
}
.td-js-loaded .td_block_slide .td_module_slide {
visibility: visible !important;
}

Thanks!

Hi,

Please deactivate all your plugins, leave just Visual Composer active, clear cache and purge you files if you use CDN then check if you still have this issue. You have some js errors in the console that can affect functionality for log in/register widget – http://screencast.com/t/LzAsHWZ7xK Also please disable any css/js minifications.

Thanks!

Hi,

Please disable all plugins except of Visual Composer, clear cache and purge your files if you use CDN and check if you still have this issue. Also disable any js/css minifications. I did not found any issues with this using latest version of the theme with plugins that come with the theme’s files, also you can check our demo.

Thanks!

Hi,

I have checked you site and did not found smooth scroll error in the console, but you have another js error – http://screencast.com/t/pxtj8Rw6ZI Did you have activated this feature from Theme Panel?
Please check this without any plugins active except of Visual Composer, clear cache and see if you still have this error, also disable any js/css minifications and deactivate also cloudflare. Like I said there was an issue with smooth scroll but it was fixed in the latest version. Please make sure that you have updated your theme properly, also you can try to do this via FTP to make sure that all the modified files are overwritten – https://forum.tagdiv.com/install-via-ftp/

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/h0kU2FpmKJ

.wpb_text_column.navbar ul {
list-style-type: none;
}

Thanks!

Hi,

All custom ads have a margin bottom – http://screencast.com/t/oVOh97BjFv9 you can use custom css to remove it for each custom add that you use or for all:

.td-a-rec-id-custom_ad_1, .td-a-rec-id-custom_ad_2, .td-a-rec-id-custom_ad_3, .td-a-rec-id-custom_ad_4, .td-a-rec-id-custom_ad_5, .td-g-rec-id-custom_ad_1, .td-g-rec-id-custom_ad_2, .td-g-rec-id-custom_ad_3, .td-g-rec-id-custom_ad_4, .td-g-rec-id-custom_ad_5 {
margin-bottom: 20px !important;
}

Thanks!

Hi,

You have added the custom ad and it is displayed properly, please make sure that you have added the code also for header ad – http://screencast.com/t/1MnCna0iR Also you have added this css to center the logo – http://screencast.com/t/jEA3VuTFppC it should be removed margin auto and float none.

Thanks!

Hi,

1. You will have to stretch the row and add the background color/image, please check this topics – https://forum.tagdiv.com/topic/make-block-full-width/ – https://forum.tagdiv.com/topic/change-background-color-of-the-big-slide-under-nav/#post-54593
2. Please check this topic for zoom effect – https://forum.tagdiv.com/topic/big-grids-style/ and also this for gradient – https://forum.tagdiv.com/topic/big-grid-8-colors/
3. Try to use !important tag – http://screencast.com/t/Tra36gNjMQ
4. Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/mJbZgzMeehei

.td_module_wrap .entry-title a:hover {
text-decoration: underline !important;
}
.td_module_wrap:hover .entry-title a {
color: #222222 !important;
}

Thanks!

Hi,

From what i understand you want to publish the quote right after the title, like it’s on the example link – http://screencast.com/t/kjS68tvqhpf

You added the title and the quote lines and now you need custom css which targets this specific module. By default each module comes with it’s own class but if you’re using a custom one you may want to add a custom class to it. Use Radu’s method to add it. The create the custom css to properly position that element, ex:

.your_module_class .element_class {
display: inline;
}

If you can’t figure it out please provide the url and we’ll take a look.

Thank you!

• This reply was modified 11 years by Emil G.

Hi,

What theme version do you use? If you use version 6 of the theme you should have these options for category page – https://forum.tagdiv.com/how-category-settings-work/
If you have version 4 you will have to upgrade to latest version using this guide – https://forum.tagdiv.com/how-to-update-the-theme-2/ Please note that old files customizations and css will not work in version 6, it should be regarded as a new theme and we recommend to do a clean install, don’t forget to make a full backup.

Thanks!

Hi,

Please disable any css/js minifications, also check this without any plugins leave just Visual Composer active, clear cache and purge your files is you use CDN. Also please note that using cloudflare’s rocketloader is know to cause issues when used with the theme as we haven’t tested the theme’s resources using it.
Also you can try to disable lazy load animation – http://screencast.com/t/WgoZUWLp

Thanks!

Hi,

The Big Grid blocks were designed to be displayed like this on mobile devices – small thumbs will work like a slider on mobile – http://screencast.com/t/yyN6il0y – http://screencast.com/t/JpLxXbjHXT
You can use Big Grid Slider it will be displayed like in version 4 on mobile devices(just set post limit to at least 8) – https://forum.tagdiv.com/topic/homepage-issue-with-big-grid-3-style-1/#post-55259
Also if you want to hide it on mobile you can use media queries via custom css – http://screencast.com/t/wnbKRocOC

@media (max-width: 767px) {
.home .td_block_big_grid_1 {
display: none !important;
}
}

Thanks!

Hi,

You will need custom work to do this for each of your items, I suggest to hire a freelancer to do this for you if you don’t have basic html/css experience. Please inspect each of your menu item and change the color for each of them using unique item class, something like this – http://screencast.com/t/XJvDaEfxkwg

.sf-menu .menu-item-15:hover a:after {
background-color: red !important;
}

Thanks!