Search Results for 'css'

Hi,

1. To center it you have to add this CSS code to your Custom CSS in Theme Panel:

.td-g-rec-id-custom_ad_3{
padding-left:52px;
padding-right:52px;
}

2. To do that you have to add this code:

 <?php echo do_shortcode('[vc_row][vc_column width="1/1"][td_ad_box spot_id="custom_ad_3"][/vc_column][/vc_row]'); ?>

to the loop-single.php file, like this: http://screencast.com/t/L5bcdJal0

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

Also you will have to style the ad box to lower it a bit, to do that add this CSS to your Custom CSS in Theme Panel:

.post .td-a-rec-id-custom_ad_3 {
margin-top: 30px;
}

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

Thank you.

• This reply was modified 12 years by Emil G.

Hi,

Do still have this problem? I have checked to see this issue both on chrome and Safari and seems to show them just fine.

Safari: http://screencast.com/t/WLcMSTvIxb
Chrome: http://screencast.com/t/WDgLrYJl8h (in this screenshot I have also highlighted the dropdown menu issue)

Also i’ve sppoted a problem at the dropdown menu in the right, more exactly at the “GAMING” and “FORUM” sections this ones pop up behind the titles of the articles, you may want to add this code in your Custom CSS in Theme Panel ->

.sf-menu ul.sub-menu {
z-index: 101 !important;
} 

Thank you

Hi,

Here is the code that you have to add in Theme Panel -> Custom CSS

.td-footer-wrap .td-grid-wrap {
padding-top: 10px !important;
}
.td-footer-wrap {
margin-top: -50px;
}

Thank you.

Hi,

You have to target only the page you want to apply the css on.
For the homepage you can use the .home class – http://screencast.com/t/ivCwl1Mf8Yk

ex.

.home h4 {
color: red;
}

To target only the mobiles you can use the @media syntax:

ex.

@media (max-width: 767px) {
.home h4 {
color: red;
}
}

This way the color for the h4 element will be changed to red only on the homepage and only on mobiles.

Thank you, Emil G.

• This reply was modified 12 years by Emil G.

Hi,

You can edit the td_menu.php file – http://screencast.com/t/2HSlCnbJ1
Result – http://screencast.com/t/PUfQGITF3gzb

You can try the following css – http://screencast.com/t/UlDyfyH5h

.td-mega-menu .sub-menu {
left: 300px !important;
}

Thank you, Emil G.

Hi,

Unfortunately that’s not possible, the theme uses a modified version of bootstrap 2 grid system. You can try to modify the size of the grid but you’ll need to also adjust the css for all of the theme elements. Sorry for this.

Thank you, Emil G.

Hi,

You can hide Similar Articles on mobile using css:

@media (max-width: 767px) {
.similar-articles {
display: none;
}
}

Add it inside the Theme Panel -> Custom CSS.

Thank you, Emil G.

Hi,

@Manuel Fink

1. You can move the similar articles right after the post content by editing the loop-single.php file – http://screencast.com/t/ccYS4CAmODt
2. You can make them random by editing the td_module_blog.php file and add the following code – http://screencast.com/t/1PNMYcmhzM

'orderby' => 'rand',

3. You can move the author box there and change it’s size with custom css – http://screencast.com/t/gljKdneh
4. This is possible, but if you have a lot of similar articles people won’t be able to easily get to the comment section, so it’s not for everybody.
5. Copy the sharing line before and after the article – http://screencast.com/t/ViFV7PPXBn and you can modify the buttons by editing the td_module_blog.php file – http://screencast.com/t/X3ia5ROdh
6. Added on the feature list, thanks for the suggestion.
7. This can be done easily by adding a button inside the loop-single.php and use css to style and position it.
8. Added on the feature list, thanks for the suggestion.

@mehedi

We had to work on a lot of issues after the WordPress 3.9 udpate and that slowed us down with the implementation of new features, you can see the long list of fixes in the log – http://screencast.com/t/cgxsk3JvR3G

Thank you, Emil G.

Hi,

The menu has two zones: a span11 for the menu and a span1 for the search icon – http://screencast.com/t/oxkiZy562YJ
You can increase the size of the menu bar if you remove the search icon:
– http://screencast.com/t/Gc9JqgHB2Ja
– http://screencast.com/t/jIkcOhwF
– http://screencast.com/t/okrYdfvaZPj
And force the width with css:
– http://screencast.com/t/wrSgIAMenGu

.td-menu-wrap, .td-menu-header, .td-menu-header .span12 {
width: 2000px;
}

Thank you, Emil G.

Hi,

You can use the following css (add it inside the Theme Panel -> Custom CSS):

.sf-menu .menu-item a {
z-index:1;
}

Result – http://screencast.com/t/MWE5rJxfK

Thank you, Emil G.

Hi,

You can change the logo on mobile using css. Use the following css (add it inside the Theme Pane -> Custom CSS):

/* responsive phone */
@media (max-width: 767px) {   
.td-logo img{
display: none;
}
.td-logo{
background: url('http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/logo-top2.png') no-repeat;
position: absolute;
background-size: 130px 60px;
width: 130px;
height: 60px;
z-index: 9999;
right: 5px;
top: -5px;
}
}

Replace the logo url with yours.

Thank you, Emil G.

Hi,

You can doit like this – http://screencast.com/t/weLFumnIfRb
And use the following css to move the dropcap element to the left:

.dropcap {
position: absolute;
left: 0px;
}

Result – http://screencast.com/t/q3FA1DE1X

Thank you, Emil G.

Hi,

Change the css to:

.wp-caption-text {
text-align: center !important;
}

Thank you, Emil G.

Hi,

Please ad this code:

.td-g-rec-id-custom_ad_1 {
margin-bottom: 35px;
}

…in the Theme Panel -> Custom CSS section.

Thank you, Emil G.