Search Results for 'css'

Hi ninjaray,

You can hide category tag and the date only for the IOS Slider using custom css in Theme Panel > Custom Css: http://screencast.com/t/KwZaHjnPyFQ6 This css code will e applied on your homepage, if you want to be applied on all pages(including category page) just remove .home class.

.home .iosSlider .slide-meta {
display: none;
}

Thanks!

Hi,

1. Each module use a the same thumbnail on all devices, just for some modules it is used css code to set a specific size on mobiles. For example module 11 use this thumb – http://screencast.com/t/0uKx9ZBxenYw which is resized using css on mobile(it is not created another thumb) – http://screencast.com/t/ZxlfFcO8
2. Yes this is how these modules were designed to not use excerpt on mobiles(the excerpt is hidden) – http://screencast.com/t/jN6qFgZKS

Thanks!

Hi,

Try to change the inline css for your code – max-height to min-height – http://screencast.com/t/dTnlZcXzG9 – http://screencast.com/t/NuT7aHSWqyG

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to do this and you will have to replace all default fonts in style.css and declared fonts in td_config.php – http://screencast.com/t/gwYak2aZE5
This is not so easy as you need to make many changes in the stylesheet file.

Thanks!

Hi,

You can add a border using this custom css – http://screencast.com/t/1mg8X8OM but you will need additional customizations, unfortunately we cannot provide any type of custom work so if you don’t have basic css/html experience I suggest to hire a freelancer to do this for you.

.td_block_4 .td_module_2 {
border: 1px solid red;
}

Thanks!

Hi,

Do you have a problem with thumbnails or you really want to change the slider’s height?
If you thumbs are not fit in the slider’s container, please regenerate your thumbs – https://forum.tagdiv.com/using-the-theme-with-existing-content/
If you want to increase height, you have to change the thumb size in td_config.php file, these are the thumbs used by IOS Slider – http://screencast.com/t/WUpPywQqaD you will have to create a similar thumb with your specific size and use it in the slider module – http://screencast.com/t/0270faxp5e Also you need a custom css in Theme Panel > Custom Css to increase the container’s height – http://screencast.com/t/tCrX4C2l Don’t forget to regenerate thumbnails if make some changea in td_config.php file – https://forum.tagdiv.com/using-the-theme-with-existing-content/

.iosSlider-col-2 .td_module_slide, .td_block_slide .iosSlider-col-2 {
height: 500px !important;
}

I provided an example for 2 columns slider, if you don’t have basic experience I suggest to hire someone to do this for you, unfortunately we cannot provide any type of custom work at this time, sorry!

Thanks!

Hi,

I suspect the server interprets it as a link and that’s why you get the 404 error. You have to check the server configuration. It may also come from CDN, check the following discussion – http://stackoverflow.com/questions/17279643/why-would-css-data-uris-be-logged-as-404-requests

Thank you!

Hi,

SpeedBooster is configured to move the default fonts at the page bottom – http://screencast.com/t/BbicZXTeALb
You have to edit the file and add conditions for the custom added fonts, check this guide – https://forum.tagdiv.com/how-to-make-the-site-faster/

Google may also penalize your score when you have multiple resources, you have to check on page source to see if the css was actually moved at the page bottom.

Thank you!

Hi,

@kathrinhwl In version 6 we create new modules/blocks so it is not enough to change the css for Big Slide(the Big Grid is not a slider). The Big Grid 3 block is created using 3 modules – http://screencast.com/t/XVwJEZB9AIt these modules doesn’t exist in version 4. If it were a simple solution to create a Big Grid in version 4, I would have provided to you. If you want to use these Big Grid block any many features(sticky sidebar, smart list..)you will have to update the theme.

Thanks!

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

Hi,

You need custom modifications and to change the header style css to do that because the first header style was designed to have the logo in the left and the ad banner in the right.

You can slightly adjust it’s height using this custom css: http://screencast.com/t/Y7dfkx5g93 but if you need other approach on this without changing the header style we advise you to get the help of a freelancer to make this customizations for you: http://studio.envato.com/

.td-header-style-3 .td-header-sp-logo img {
max-height: none;
}

Hope this helps!

Thanks for the message!

Hi,

@gfran5 You can disable theme’s share buttons and use a plugin like TheMediumUTM suggested or you will have to modify the code to add/replace share buttons. You can find the code in td_module_single.php file – http://screencast.com/t/NN4FXGYlvBMf also this guide may help(if for newsmag, but you have to do similar for Newspaper) – https://forum.tagdiv.com/add-a-new-linkedin-button/ and to create the share button code – http://atlchris.com/1665/how-to-create-custom-share-buttons-for-all-the-popular-social-services/
If you don’t have basic html/css/php experience I suggest to hire a freelancer to do this for you as the time doesn’t allow us to provide custom work at this time, sorry!

You can translate Share from Theme Panel > Translations – http://screencast.com/t/Aj5i1YQWFA9

Do you refer to the sticky menu background? You can use this custom css to change it(just add you color) – http://screencast.com/t/eBM2k2pVfb

.td-header-menu-wrap.td-affix {
background-color: rgba(87, 156, 75, 0.73);
}

Thanks!

Hi,

You can try a css like this one: http://screencast.com/t/1o5sHDSpK but I suggest you add some specific classes for the text column you use to add pages then use it to target just that specific page on mobile screens and style them like I did in my example using the @media block.

You have below the css code I’ve used you can build, your style on it.

@media screen and (max-width: 767px){
.wpb_text_column p > strong > a {
background-color: #222222 !important;
color: #ffffff !important;
font-size: 11px;
padding: 0 14px;
line-height: 20px;
background: none;
white-space: nowrap;
display: inline-table;
border-radius: 3px;
}
}

If you don’t have css coding knowledge we advise you to ask the help of a experienced freelancer or a developer because this needs custom work which we can’t provide at the moment, sorry!
You can find one on site’s like: http://studio.envato.com/

Thanks for the message!

Hi,

Use css, like this: http://screencast.com/t/WiZpxIZv

.td-grid-style-5 .td-module-thumb a:last-child:before {
opacity: 0.3;
}

.td-grid-style-5 .td-meta-info-container .td-post-author-name {
display: none;
}

Thanks

Hi,

If you use the above code it will work only if you have top menu active(also the sign in widget) as it use the javascript – http://screencast.com/t/nPbBVQF6juG2 But if you don’t want top menu, you can hide it using custom css: http://screencast.com/t/vahhyVYhlO

.td-header-top-menu-full {
display: none;
}

We will try to add a different implementation for sign in widget in a future update.

Thanks!