Search Results for 'css'

Hello comsolo,

For your first request, please try the code below to do lowercase your menu title and change the font-size of it. Place it in Theme panel->Custom Css area, like this:

.sf-menu > li > a {
text-transform: lowercase;
font-size: 19px;
}

The result you should see here: http://screencast.com/t/1v6JfvMLIo

For your second request, you can change the color of posts title if you use a bit of Css, like this:

.td_block_1 .td-module-title a {
color: red;
}

Note: Above, is an example for block 1. If you are using other block, you have to replace the number of block with the number of block that you are using.

The result: http://screencast.com/t/IlCADdeiJy

Here, http://screencast.com/t/2cK8YNlbeeNk , you can see what kind of modules are used in blocks and then you can change the font from Theme panel->Theme fonts to what modules are used by the blocks.

Hope this helps!

If is not what you mean, please provide more details about this.

Thank you!

Hello,
Unfortunately your accordion element has different classes than the default one and uses a different css than style.css.
Please try it without plugins to avoid it getting the css from flick.css: http://screencast.com/t/kNjxugXb (not from the theme)
And another thing you can do is update your tab element because you use the depracetd version of accordion. There is a new element in the current visual composer and the deprecated ones will be eliminated from the next version.
The code i provided works with the new element which you should be using.
Also please add the code to the theme panel- custom css box not directly to the style.css because an update will rewrite this file and you will lose your customization.
I hope this helps.
Thanks.

Hi,

Did you added the Single image elements to different rows?
You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/nDTdoKxV4rp

.wpb_single_image {
margin-bottom: 0;
}

If this doesn’t help provide a link so we can inspect this.

Thanks!

Hi,
The image will not display in the top container. It is a background image. If you check the stretch option http://screencast.com/t/TGt6caKLX it will fit the entire screen. Not just the top post style:
http://screencast.com/t/CDZMYuAcuXF
You just need to add a bigger image for it to be high quality.
This is the way to add a background image. The way i showed you above with the css code, an image will only be placed in the top post style container, not the background as well.
I hope this helps.
Thank you!

Hi,

I cannot provide a solution to add this function without updating the theme.
You can use custom css to change the mobile menu color if you don’t wan to update, please check this topic – https://forum.tagdiv.com/topic/menu-colour-problem-on-mobile/

Thanks!

Hello,
There are blocks without featured images already implemented in the theme. These are block 9 and 10.
http://demo.tagdiv.com/newspaper/block-9/ and http://demo.tagdiv.com/newspaper/block-10/
You can alternatively use any other block you want just to hide all the featured images of that particular block. It is not possible to hide only certain images, but all images you can hide using this css for example on a block 4:
http://screencast.com/t/UWducKxoHBCe

.td_block_4 .td-module-thumb .entry-thumb{
display:none;
}
.td_block_4 .td_module_2 .td-module-thumb{
height:0px!important
}

I hope this helps.
Thank you!

Hello,

You can remove the author and date with the code Catalin gave you and you can make it more specific to your big grid:
.td_block_big_grid_5 .td-module-meta-info{
display:none
}
result: http://screencast.com/t/5JFjDD1bncuL
If you want to hide the author and date accross the whole site you can disable them from here: http://screencast.com/t/zZCyr6c0

As for your background color, you can use this css:
.td_block_big_grid_5 h3{
background-color:black
}

Thank you!

Hello sudhanshu15,

You can try the code below and set your post background with your favorite color. Place this code in Theme panel->Custom Css area, like this: http://screencast.com/t/i093fm5w30

.postid-1664 {
background-color: #3F73AF;
}

The result you should see here: http://screencast.com/t/vlCKT0xWwB

Hope this helps and let us know how it goes!

Thank you!

Hello john80,

Please try the code below and place it in Theme panel->Custom Css area, like this:
http://screencast.com/t/TmpSiiOAL

.td-page-header h1 {
text-align: left;
}
.td-page-header h1:after {
width: 100%;
}
.td-page-header h1:before {
display:none;
}

The result you should see here: http://screencast.com/t/wudlUcsyPo

Hope this helps!

Thank you!

Hi Sundial,

Newspaper 6 is a whole new theme so an update from 4.X to 6 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).
Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom css will not work with the new version and you will have to adjust or re-add them.
Bottom line is that newspaper 6 is a whole new theme built from scratch.

Unfortunately you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.

We are sorry for the inconvenience.

Thank your for your understanding!

Hello,
Please provide a link to your website so we can inspect it. The height is given by the logo. It can be reduced with custom CSS. If you reduce the space, the mega menu will overlap your logo.
Thank you!

Hi George,
1)
.quicklinks{
padding-top:10px!important;
}

2)
#wpadminbar *{
font: 500 14px/32px "Open Sans",sans-serif!important;
}

3)The search option was not meant to work in the back-end when writing posts.

4) It cannot be done through css. You will have to edit the plugin files to change the order of the list. It will not be so easy as they are different containers.

Hello madpixel,

Please try the code below and place it in Theme panel->Custom Css area. You can adjust the opacity value as you wish until you get what you want.

.td_block_big_grid_3 .td-animation-stack-type0-2 {
opacity: 0.1!important;
}

The result you should see here: http://screencast.com/t/z3Y9RAa7waZc

Above I gave you an example for Big Grid 3. If you want use another Big Grid, you have to change the number of this in your code.

Hope this helps and let us know how it goes!

Thank you!

Hi,
This effect is usually due to either slow internet connection or using the speedbooster plugin which moves the css render block to the footer and gets loaded last to increase page speed.
You can try to edit the style.css directly to avoid rewriting it with custom css from the theme panel. Unfortunately this is the way css works, in cascades.
Thank you!

Hello RichardTHF,

Please try the code below and place it in Theme panel->Custom Css area like this:
http://screencast.com/t/XknkneB8acl3

.td-wrapper-pulldown-filter {
display:none;
}

The result you should see here: http://screencast.com/t/dj8neFFhC

Thank you for message!

Hello,
You need to chose another header style from the theme panel. There are 3 styles with full logo. That means the logo will not be cropped and will maintain the size you upload.: http://screencast.com/t/eXFimL6yj
If you plan on modifying a header style, please specify the header style you want modified so we can see if the modification is possible as all header styles are different. A link to your website will also be helpful as we can inspect the logo you wish to increase and we can edit it directly with a live css editor.
Thank you!