Search Results for 'css'

Hello,

The easiest way to do it is by using the direction alignment in CSS. Please revert your post to the standard layout and just use this simple css to apply RTL style on a specific post.
for example your current post has an id of 325 so you can use css like so:

.postid-325{
direction:rtl!important;
}

result: http://screencast.com/t/r334DfJuo0r
Unfortunately i cannot give you a permanent solution as it will require quite a bit of custom work.
You can however align the entire website by using this code in the theme panel:

body{
direction:rtl!important;
}


It will require further customization as some elements will not align properly.
I hope this helps you get closer to your goals.

Thank you!

Hi nomadhermit,

You can hide them if you are use a bit of Custom Css. First of all, please tell me what king of ads you want to hide? Below i gave you an example for an article bottom ad.

.postid-639 .td-a-rec-id-content_bottom {
display:none;
}

Using the .postid-639 in this exemple, you can target the post which you want to hide the ad. Here you can see how to change the post id: http://screencast.com/t/JRGJAfmFgp77

Another possibility would be to search other plugin to do this thing for you.

Hope this helps and let us know how it goes!

Thank you!

Hi mboydnv,

Please try the code below in your Theme panel->Custom Css area. I gave you a solution similar to the second example of your.

.td-social-icon-wrap i.td-icon-facebook:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-flickr:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-googleplus:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-instagram:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-pinterest:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-twitter:hover {
opacity: .5;
color:white;
}
.td-social-icon-wrap i.td-icon-youtube:hover {
opacity: .5;
color:white;
}

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

Thank you!

Hi,
The top menu for the mobile version was hidden by default. You have a code in your custom css that displays it. If you want it to only show social icons on mobile, you need to remove this code from your custom css box:
@media (max-width: 767px)
.td-header-sp-top-menu {
display: block!important;
}}
Thank you!

Hi todaybase,

Please try the code below for social media sharing boxes above the content

.td-social-sharing-buttons {
height: 55px;
min-width: 70px;
padding-top:16px;
font-size: 15px;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 24px;
}
.td-social-google .td-icon-googleplus {
font-size: 24px;
}

Result: http://screencast.com/t/B85XCRgh

Also, please try the code below for social media sharing boxes below the content

.td-post-sharing-bottom .td-social-sharing-buttons {
height:60px;
min-width:60px;
padding-top:20px;
font-size:15px;
}
.td-social-google .td-icon-googleplus {
font-size: 20px;
}
.td-post-sharing-bottom .td-social-google i {
left: 4px;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 20px;
left:2px;
}

Result: http://screencast.com/t/LEIWll9Izn

Place the both code in Theme panel->Custom Css area!

I hope this helps and let us know how it goes!

Thank you!

Hi strawberrybase,

Please try the code below and fix the problem. Place the code in Custom Css area, in Theme Panel.

.td_block_slide .block-title > a {
width: 100%
}

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

Also, if you want to have this style for another block, please replace this class .td_block_slide with the class block used, for example: td_block_6, or td_block_5, … etc.

I hope this helps and let us know how it goes!

Thank you!

Hi InfinitCode,

I’ve checked the Css Style on our theme and everything seems to works fine. I am not fully sure about what kind of Css Style you mean. Please provide more details about this problem so i can be able to provide a more accurate response. If you have a Custom Css style, there will not be applied on our version because they changed some classes. Here, you can see that contains our update: http://tagdiv.com/newspaper-6-6-update/ .

Thank you for your understanding!

Hi bluhub,

I’ve checked your site now and everything seems to works fine about your slider. Please provide more details about this because i do not saw the problem there and otherwise i can be able to provide a more accurate response.

For your second request, you can hide your pagination button of your News Sticker if you use the code below:

.td-trending-now-wrapper .td-next-prev-wrap {
display:none;
}

Place the code in Theme panel->Custom Css area, like this: http://screencast.com/t/HFtowNXBT and the result you should see here: http://screencast.com/t/uHlhxWdBfyW

If you want to display number of views on the block image, especially for block 8, it is necessary to make some modifications to show the views.

First of all, you need to know what kind of module is used in your block and this thing you can find here: http://screencast.com/t/urs7uFoNMC . After this, you have to add this code in get_views(); ?> td_module_7.php, like this: http://screencast.com/t/rGIUp8VWW .

On the second step, you have to copy the function get_views() from td_module_single_base.php in td_module.php like here: http://screencast.com/t/6pDj3N6S

Also, on the final step, you can use this CSS for a better alignment, add it in Theme Panel ->Custom CSS section, like this: http://screencast.com/t/agIXeDpeRn

.td_module_wrap .td-module-meta-info .td-post-views {
position: relative;
display: inline-block;
top: 2px;
margin-left: 14px;
color: #aaa;
}
.td_module_wrap .td-module-meta-info .td-post-views span {
margin-left: 5px;
}

Result: http://screencast.com/t/5mNoYgS9A7

I hope this helps and let us know how it goes!

Thank you!

Hi,
Unfortunately for the code i provided, it grabs all the categories. As i stated above: “your problem cannot be resolved by either methods as the css one is not dynamic and the php one pulls all categories to the block.
You will need custom work to get it exactly as you wish”
Please hire a freelancer to adjust the code in order to display only primary category.
Thank you!

Hello,
The code i provided is a css code and requires no alteration of the php code. You simply put the code in the theme panel->custom css box. Or if you already updated your theme to the latest version, it’s called the ‘custom code’ tab now: http://screencast.com/t/ParnmwE4N
Thank you!

Hi JFoulger,

Please try the code below and place it in Custom Css area: http://screencast.com/t/eWmnyaf1

.td-header-style-1 .td-header-sp-recs {
margin-top: 12px;
}
.td-header-style-1 .td-header-sp-logo {
margin-top:15px!important;
}

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

Hope this helps and let us know how it goes!

Thank you!

Hi jcarr99,

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

@media(max-width: 768px) {
.td-social-facebook .td-icon-facebook, .td-social-twitter .td-icon-twitter{
float: left;
}
.td-social-but-text {
display: block!important;
}
}

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

Hope this helps!

Thank you!

Hello,
You can follow this topic here:
https://css-tricks.com/moving-to-https-on-wordpress/
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
You can also deactivate all your plugins and check for errors again then reactivate them.
I hope this helps
Let us know how it goes

Hello,

Unfortunately, at the moment the theme does not have an option to customize the mobile version. The desktop version is just adjusted to display correctly on mobile. Maybe in a future version we will be able to implement such options.
If you want to hide the sidebar on mobile you can if you use CSS to customize it. At the moment, on the mobile version the sidebar moves to the bottom of the content.
You can hide it by using this code:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}
}
This applies if the sidebar is a standard sidebar from the widgets area. If you create your sidebar in visual composer when creating a page and using column layout it will have to be targeted different.
I hope this helps.
Thanks.