Search Results for 'css'

Hi,
In order to remove the ad on mobile phone you can add this custom css in the theme panel:

@media (max-width: 1018px) and (min-width: 768px){
.td-a-rec-id-post_style_11 {
    display:none;}}

For the second part you need to edit the core files of the theme. This requires a bit of code knowledge.
You cannot simply move the title from the bottom to the top.
You can copy the header from here: http://screencast.com/t/iKprjF3j
And add it to single_template_10.php You need to change the class to the title in order to target it with CSS:
http://screencast.com/t/L2FP8KZLth
Then you will have 2 post titles. One above and one below the video. Now you can use css to position the title above and hide the one below:

.td-post-title_custom{
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
.single_template_10 .td-post-title{
display:none;
} 

This will require a bit more tweaking, but this should set you on the right path.

Thanks.

Hello tradermaker,

To remove the gradient, you can use this cutsom CSS:

.td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after{
display:none;
}

As for the second part, if you changed the header menu with custom css then it will behave like that. Please remove the code and change the color from the theme panel.

Thank you!

Hi,

@ThryveWell – To center the modules from block 13 you could use the following css (add it in Theme Panel -> Custom CSS) – http://screencast.com/t/kMQqfeewboWG

.td-pb-span12 .td_block_13 > .td_block_inner > .td_module_14 {
display: inline-block;
}
.td-pb-span12 .td_block_13 > .td_block_inner {
text-align: center;
}

Not sure what link did you wanted us to see, please use the direct demo link and resend it – http://demo.tagdiv.com/newsmag/

Block 13 wasn’t designed to work on full width (no sidebar), we have it on our list for the future updates, our initial thought was that the images are too large on 3 columns and the UX is not good.

The theme wasn’t designed to work on full screen, sorry about this, if you cannot use it for your project please send an email at contact@tagdiv.com , include a link to this discussion and we will provide a solution.

Thank you!

• This reply was modified 10 years by Emil G.

Hello,

The mobile menu was designed to work with the mobile version of the theme, not other ones.
Unfortunately there is no setting for that and modifying the css to do that will be no easy task. We suggest you hire a freelancer to do it for you as we cannot provide custom work. You can hire freelancers from sites like studio.envato.com

Thank you!

Hello,

First of all, you have to understand that newspaper 6 is a totally different theme. It was built from scratch in order to provide a better ‘cleaner’ theme with many improvements and possibilities.
Many of the previous settings will not work in newspaper 6 so you have to change a few settings in your new theme version.

1) You can change ALL fonts of the theme from the theme panel. You just have to find the ones you need. For headings H1-H6 the option is here: http://screencast.com/t/SGl89bcpxhI4 for posts and for pages they are in the page section. If it is a module title, you have to find the modules and blocks article titles. There are a lot of font settings and they can be a bit confusing.
2) Shortcodes were changed in version 6 so you have to rebuild your page in visual composer. Also the CSS code for styling was changed in the new version so ALL custom modification made in version 4 will not work anymore
3) If you have custom modification to your titles, it will not work anymore. Please remove all CSS customization you had in the previous theme version.
As an alternative, you can use this css to adjust the title:

.page-id-8427 h3{
margin-top:0!important;
}

I hope this helps.

Thank you!

Hello,
The design can be replicated but you need a bit of CSS coding to pull it off. You can set background colors to transparent from the theme panel to every element: http://screencast.com/t/Lzn2C640NX
Then you can create a blank page in visual composer and set it as a homepage. Then you need to identify the page id so you can modify just the one page http://screencast.com/t/Qq9WvQ3BgV4
Then you can start to create your css code like so:

.page-id-2 .td-sub-footer-container{
display:none;
}
.page-id-2 .td-footer-wrapper{
display:none
}
.page-id-2 .td-main-content-wrap{
display:none
}

result: http://screencast.com/t/85HvlJCA9
This code will need adjustments but it is an example of how it can be done. If you cannot manage to build the css code on your own, you can hire a freelancer to do it for you as we cannot provide any custom work at the moment. We try to help set people on the right path.
I hope this helps.
Thank you!

Hi,

This is the default theme behavior, not a bug: https://forum.tagdiv.com/background-introduction/
There is no setting in the theme panel to keep your full-width content if a background color is set.
In order to do this, you have to modify the theme CSS.
You can leave the background color to default in the theme panel and apply a color to the background with CSS.
Add this code in the theme panel-custom css:

body {
background-color: #dd3333;
}
.td-full-layout .td-main-page-wrap, .td-full-layout .td-banner-wrap-full {
margin-left: auto;
margin-right: auto;
width: 1164px;
}

You can then change the color of the body in the code and also adjust the width of the container to your preference.
result: http://screencast.com/t/apUtOa4rp

Thank you!

Hello Carly,
Place this custom css in the theme panel:

.td-header-sp-logo{
width:30%
}
.custom-header-ad{
display:table;
}
.td-a-rec-id-custom_ad_1{
margin-bottom:0!Important;
}
@media (max-width: 767px) {
.td-header-sp-logo{
width:100%}
}

result: http://screencast.com/t/mYZjWg6kIwst
Thank you

Hi,

Do you refer to the space between article title and excerpt?
If you disable meta info, the container is still there, but you can use this custom css – http://screencast.com/t/IkRFD8crNQ

.home .td_block_11 .td-module-meta-info {
min-height: 0;
}

Thanks!

Hi,

This is basic functionality of Wordress and also the theme use this. The small images are not automatically enlarged by WOrdpress or by the theme(only cropped), but can be enlarged via custom css or try to use a plugin like Thumbnail Upscale in combination with Force Regenerate.
If you want to use css please add this code in Theme Panel > Custom Css – http://screencast.com/t/Wd8FeCrgE

.td_block_big_grid_1 .td-big-thumb .entry-thumb {
height: 100%;
}

Hope this helps!

Hi Jacob,

That is the problem with responsiveness. Your viewport is maybe smaller than mine so when you narrow down the screen, they will fall one under the other. That is why i said it requires further work so you control the div’s containing the social icon, logo and date for each viewport. If requires CSS coding and use of media queries. https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries. If you cannot manage it, you can hire a freelancer to do it for you as we cannot offer custom work at the moment. We try to help where we can and make small customizations to set people on the right path to reach their goals.

Thank you!

Hello Andy,
You can use this custom CSS to do it. Depending on the image you use, it may need a few adjustments.

@media (max-width: 767px) {
.backstretch{
background-image: url("YOUR IMAGE LINK HERE")!important;
}
.backstretch img{
display:none!important;
}
}

Thanks