Search Results for 'css'

Hi,

You can check these topics for more information about removing a category from a loop
– https://css-tricks.com/snippets/wordpress/remove-specific-categories-from-the-loop/
– https://wordpress.stackexchange.com/questions/44672/exclude-the-category-from-the-wordpress-loop

Thanks

Hi,

When using the mobile theme, there is no option at the moment, to change the font properties.
You could try to load the font like this first
– https://www.screencast.com/t/zWl8UTeN6
And then apply with with CSS for the elements you want
– https://www.screencast.com/t/fWtTDPk7PZj
There may be more options added in future updates, to allow font customization on mobile, when using the mobile theme plugin. But I could not say for sure when this will happen.

Thanks

Hello antoniskat365,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Hello iamkingsleyf,

First of all, please keep in mind that if you keep replying you will only delay your answer because we answer from oldest to newest. Posting more and more replies will only move your post to the fresher ones and delay the answer further. For future optimal response time, please only post once and wait for the reply as we answer every message.

I have inspected your website and I saw that you are using a lot of Ads which are not supported by our theme and also, use a lot of untested plugins which a break the theme layout, sorry! In the bottom of your article pages, on mobile, you have some problems with your ad which does not come from our theme, sorry! As a quick fix, you can try using the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

@media (max-width:767px){
.pc_block_inactive{
float:inherit!important;
}
}

The result -> https://www.screencast.com/t/L0dEZ9LT

Also, I saw that you are using the Google Adsense Link Units -> https://support.google.com/adsense/answer/15817?hl=en. Notice that our theme does not recognize these parameters, and if you want to achieve that format of Ads, you can try to use the AdRotate plugin. The theme only works using the Google Adsense ad codes: https://forum.tagdiv.com/ads/ … for another type of ads you can either use wp text widget or a plugin like Simple Ads Manager or AdRotate to render the code then use theme’s ad spots. There is no official tested ad plugins as we have our ad system. Adrotate works with our theme even though it’s not tested by us but by our users. It seems that your Google Units Ad cause some problems in the mobile version because it has a width fix.

Thanks for your understanding!

Hello techpaced,

This is the normal theme behavior. If you want to change it, you should use the code below and place it in Theme Panel -> Custom CSS area.

#recentcomments a {
font-style: normal;
}

Thanks.

Hi,

You could try a code like this one
– https://www.screencast.com/t/RiAV4ZyKYB
It must be entered in Theme panel->Custom CSS section, and it will apply to all your posts

.single header .td-post-views{
float: left;
margin-left: 5px;
color: #ef5742;
}

Thanks

Hello humphreyjr,

Try to use the code below and place it in Theme panel -> Custom CSS area.

.sf-menu .td-icon-menu-down {
position: absolute;
top: 50%;
margin-top: -5px;
padding-left: 7px;
font-size: 9px;
}

The result is here -> https://www.screencast.com/t/gPFdqldNVbA

Thanks for the message!

Hi,

The font used in the Social counter is the Open sans font already
– https://www.screencast.com/t/qSvEXObeLT
The widgets you mention inherit the font properties set for the body in the theme panel. You could change them in particular with custom code, like this for example
– https://www.screencast.com/t/hxgJBIYMr

.td_block_text_with_title {
font-family: "Open sans";
font-size: 20px
}

The code must be entered in Theme panel->Custom CSS, if you decide to use it. Please correct me if I misunderstand something.

Thanks

Hi,

You could select header style 10 for example, which has a centered logo like this
– https://www.screencast.com/t/6fGepKCcL
To make it similar to header style 3, you can enter this code in Theme panel->Custom CSS
– https://www.screencast.com/t/cJBYh9BjcLb

.td-header-style-10 #td-header-menu .sf-menu > li > a:after {
height: 100%;
z-index: -1;
}
.td-header-style-10 .td-header-main-menu {
background-color: #282828;
}
.td-header-style-10 .td-header-menu-wrap-full {
background-color: transparent !important;
}
.td-header-style-10 .td-header-gradient:before {
display: none;
}
.td-header-style-10 #td-header-menu {
display: block;
}

This could be a solution for what you are trying to achieve.

Thanks

Hi,

This code entered in the Theme panel->Advanced CSS in the phones section will remove the top margin on mobile
– https://www.screencast.com/t/2EcyWPLVPhLO

.first_grid_3.td-pb-span12 {
margin-top:0!important;
}

At the moment the elements below the big grid display like this
– https://www.screencast.com/t/KAYyZgmXgL
If you want, you could use a code like the one below in the same phones section to achieve this result (or simply add the margin bottom in the code provided above)
– https://www.screencast.com/t/AlRvu8Kq8I

.first_grid_3.td-pb-span12 {
margin-bottom: 0!important;
}

Thanks