Search Results for 'css'

Hi,

The theme doesn’t have an option, but you may try to do it with custom css. Please provide more details about what you are trying to do and your site url so we can take a look and try to find a solution.

Thanks!

Hi,

You share plugin overwrite css for pinterest share button. Please remove pinterest code from here: http://screencast.com/t/bxdjn1jgnRQ

Thanks!

Hi,

Theme doesn’t have an option to change the background for page content, but you can add your background color using custom css in Theme Panel > Custom Css: http://screencast.com/t/m9XhMMEyoh1

.td-page-wrap {
background-color: #1F1B1C !important;
color: white !important;
}

You also have to change the color for articles titles and excerpt from Theme Panel > Custom Typography: http://screencast.com/t/oVA6jyALl
Please note that maybe you will have to make more customizations for some widgets that will not change the color and you will have to target those classes and change the color via custom css.

Thanks!

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

Hi,

@thebestmh We use latest theme version to help our customers and the theme was updated many times (to repair some issue added more features, update Visual Composer plugin) from the version that you use. I understand that you need that layout, but you have also updated Visual Composer plugin that was not tested with that version of the theme and also other plugins that you may need are constant updated so it is normal to appear issues. If you want to use that version you will need to customize the theme(or hire a professional) for your needs to work with the new plugins versions.

You can try this custom css and see if it works – http://screencast.com/t/mXWLMQvam

@media (min-width: 1018px){
.td_980_resp .td-slide-item-sec {
width: 263px !important;
}
}
@media (max-width: 1018px) and (min-width: 768px){
.td-slide-item-sec {
width: 200px !important;
}
}

Thanks!

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

Hi,

1. Please re-save your permalinks and see if it works. Also did you removed category base or use a plugin for permalinks? As on category page your permalink should look like this – http://screencast.com/t/BF7GQRaW0 – http://screencast.com/t/DiAPZWwKd
2. Please change the module to display articles on that category page: http://screencast.com/t/llrbIZG0
3. Try this custom css in Theme Panel > Custom Css: http://screencast.com/t/RynN7LMf

#flexi_searchbox {
margin:0 auto;
}

Thanks!

Hi,

Please check you custom css and remove this – http://screencast.com/t/DiOGJkIlB as you can see your posts titles are hidden – http://screencast.com/t/cOlmlN8tk So please remove that css code and see how it goes.
If you don’t want to show page title please use a page template without title – https://forum.tagdiv.com/page-templates/

Thanks!

Hi,

You can use custom css in Theme Panel > Custom Css to make this change, but please note that making this change it won’t change the position for mobile menu. It still will be opened on left side.

Thanks!

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

Hi,

Do you want to make them larger? – http://screencast.com/t/szPmbs3rO
If you want this only on mobile please use media queries:

@media (max-width:767px){
.ui-tabs-nav a {
padding: 4px 40px 4px 40px !important;
}
}

Change the padding how you need and add the code in Theme Panel > Custom Css.

Thanks!

Hi,

I don’t recommend to reduce to decrease this padding as it is part of the grid width. Modify it you will need to modify also the width of the theme. Unfortunately Newspaper has an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.
The space above you ad can be reduced using custom css as there is a css that it is applied on custom ads: http://screencast.com/t/QZaw3ePO

.page .td-grid-wrap .td-a-rec-id-custom_ad_1 {
margin-bottom: 10px;
}

Change the number if you use a different custom ad and also if you use adsense code you have to use this class(change a with g) .td-g-rec-id-custom_ad_1

Thanks!

Hi,

What theme version do you use? As I have checked this with your logo and did not found any issues – http://screencast.com/t/6ZeFHKl3Fa
The latest theme is 4.6.3 and the latest version of Visual Composer tested with the theme. Please use this guide if you need to update (FTP method) – https://forum.tagdiv.com/how-to-update-the-theme/ and update also the theme’s plugins that come with the theme’s files from /plugins folder.
You can try this custom css if you don’t want to update the theme – http://screencast.com/t/TFLiNWd0

@media (max-width: 767px){
.mobile-logo-wrap img {
width: 150px !important;
top: 0 !important;
}
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css to remove background for Bis Slide and Slider: http://screencast.com/t/UEeUUexW – http://screencast.com/t/vN1x6qtQGJ

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

You have an option in Theme Colors to change theme’s color transparency – http://screencast.com/t/E3t68lFV

Thanks!

Hi,

I believe you refer to category page breadcrumbs, you can sue custom css for those, like this: http://screencast.com/t/Lo1AUXan4

Add this css code in your custom css section in theme panel > custom css:

.category .entry-crumbs {
display: none;
}

Thanks

Hi,

You can alter social counter file and make this change: http://screencast.com/t/tHjhfZVnhvf
Also you have to use this custom css as the color will be change to the link color – http://screencast.com/t/KYjuqt7quepu

.td_block_social_counter .td_social_info, .td_block_social_counter .td_social_button {
color: #ffffff;
}

Thanks!

Hi,

@Jeni I cannot see the screenshot please provide more details. Like you can see above I tested this and it should work also for you. Please read also Lucian’s solution from other thread as you have also to use custom css (in Theme Panel > Custom Css) using meu item unique class to adjust the height of the image: http://screencast.com/t/Zxxzo6HOTlo7

Replace with you url and paste it to Navigation label: http://screencast.com/t/NVzzvP92M7
<img src="http://localhost/wordpress/wp-content/uploads/2015/05/Features-Icon-150x150.png">

Replace xxx with number of your menu item and paste it in Theme Panel > Custom Css:

.menu-item-xxx img{
height: 44px;
}

Hope this helps!

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

Hi,

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

@media (min-width: 768px){
.td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
width: 180px !important;
margin-left: auto;
margin-right: auto;
}
.td-pb-row .td-pb-span4 .td_block_11 .td_module_10 .td-module-thumb {
float: none!important;
}
.td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
padding-left: 0px !important;
}
}

This css will be applied on tablets and desktop.

Thanks!

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