Search Results for 'css'

Hello,

Maybe this topic regarding a completely blank page may be of help: https://forum.tagdiv.com/topic/how-do-i-create-a-completely-blank-page/#post-68273
Regarding the width, wou will have to edit it with css but it is not reccomended as the elements displayed depend on the theme’s fixed width. It could break the layout. You can try it out using this code:

.page-id-148 .td-container {
width: 900px;
}

The code will not apply to your page as it is. Every page has it’s own ID. mine was 148. change the id to your own page id as the code will only apply to that particular page.

Thank you!

Hi,

The theme has an option to display the quotes on blocks. This is not added for all blocks, it is available especially for blocks with big thumbs and only when they are used in 1 column – http://screencast.com/t/qaBMFxAsk – http://screencast.com/t/XWNnOvmyDnS – http://screencast.com/t/eekGsoIG
Also you can change the default css using this class – http://screencast.com/t/1qy83RXGtj

Thanks!

Hello jerocarson,

Unfortunately, our theme hasn’t been designed to add a full width featured image on default post style template. This is not a simply task and require a better knowledge of Css and coding and also some time to achieve this. If you are not aware the steps to achieve this thing, please consider to hire a freelancer/developer to do this for you, because we do not provide a custom work for the moment, sorry. I suggest to use post template style 6 because this template has the featured image in full width, as an alternative., like this: http://screencast.com/t/1jUyn5Ht

For more information about post templates, please consult our documentation, here: https://forum.tagdiv.com/newsmag-post-templates/

Hope this helps and let us know how it goes!

Sorry for the inconvenience and thank you for your understanding!

Hello,

You can remove the white area with css:
.home .wpb_column > .wpb_wrapper > *:last-child{
margin-bottom: -7px!important;
}

result: http://screencast.com/t/abkvTXlhnMAn

Thank you!

Hi,

Please try this custom css in Theme Panel > Custom Css and it will be applied only for IE9: http://screencast.com/t/FPWp78A2v

.ie9 .sf-menu .td-icon-menu-down {
padding-right: 18px !important;
}

Thanks!

Hello aldemi,

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

.td-header-style-1 .td-header-sp-logo {
width:187px;
height: 150px;
}
.td-header-style-1 .td-header-sp-logo img {
max-height: 150px;
}
.td-header-sp-logo a:hover {
opacity: 0.8;
}


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

If is not what you mean, please provide more information about this.

Hope this helps and let us know how it goes!

Thank you!

Hello,
For a cache plugin we recommend WP Super Cache. It’s free of charge.
As for css and js , you can use the tagdiv speedbooster plugin. Just install it from the plugins area->add new and select it from the plugins folder that comes with the theme. The speedbooster app has a plugin compatibility list and if it finds plugins that are not on that particular list it will shut down. It has a workaround however if you want it to work with all plugins. Follow this topic to see how it can be done:https://forum.tagdiv.com/topic/how-do-i-increase-my-site-loading-time/
As a tip for a visual impact on website speed you can also disable this option for images: http://screencast.com/t/5YjsLqcwJl
I hope this helps.
Thank you!

Hello,
You can change it with custom css:

.td_module_mx3 .td-module-date{
color:red;
}

Thank you!

Hi,

This depends the size of your image and unfortunately there is not a css code to work well on all images like you already find out, sorry!

Thanks!

Hi,

You will have to use custom css in Theme Panel > Custom Css if you want to add a specific background color only for Latest Articles title, as the theme doesn’t have an option only for this block title – http://screencast.com/t/fddH9b1MnBOT

.td-pb-article-list .td-main-content .block-title > span {
background-color: #534;
}
.td-pb-article-list .td-main-content .block-title {
border-color: #534;
}

Thanks!

Hi,

The category title for woocommerce template is hidden by default. Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/sKHokAAoQF

.woocommerce .page-title {
display: block !important;
}

Thanks!

Hi,

Yes you can, using custom css in Theme Panel > Custom Css. Please try this code if you want to apply this on on that page – http://screencast.com/t/m8Buto292Z

.page-id-4954 .td-theme-slider:hover .td-icon-left, .page-id-4954 .td-theme-slider:hover .td-icon-right {
opacity: 0 !important;;
}
.page-id-4954 .td-slider {
cursor: pointer !important;
}

Thanks!

Hello,

You can use custom css do target the specific menu item. Every menu item has it’s own class that can be used with css:

.menu-item-97867 a{
font-size:16px!important;
}
result: http://screencast.com/t/0eoHSQZkJ

Thank you!

Hi,

I see what you mean, there is a different css for homepage – http://screencast.com/t/OImICyUg
Please add this custom css in Theme Panel > Custom Css to change it – http://screencast.com/t/xd9Fa4yYvig

.home .td-post-template-8 .td-post-header-holder {
vertical-align: bottom !important;
}

Thanks!

Hello louisdalligos,

If you want to remove/disable the link for author on single post, please try the code below and place it in Theme panel->Custom Css area, like this: http://screencast.com/t/ZirMbQhhkX3

.td-post-header .td-post-author-name {
pointer-events: none;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello Abner Santana,

You can remove your ads on your pages or posts if you use a bit of Css to hide them. Please try the code below and solve the problem. Place the code below in Theme panel->Custom Css area: http://screencast.com/t/CoXiJsDWsc2

This code is fro posts-> http://screencast.com/t/IBr9FrcK

.postid-118 .td-all-devices {
display:none;
}

This code is to hide the ads to the page-> http://screencast.com/t/r5AuEmRJ

.page-id-39 .td-all-devices {
display: none;
}

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details about your problem.

Thank you for the message!

Hello,
you can use a custom css code to do it:
.td-post-template-11 .td-a-rec-id-content_inline{
display:none!important;
}
Just place the code in the theme panel->custom css box
Thank you!

Hi,

All the featured images are cropped to different sizes to fit on our modules but also to fit in the post templates, please check this section and see that also for post pages(some of them) the uploaded images are cropped – http://screencast.com/t/liUzod9X
So for example if you use a small image size it will not be resized, but you can try this custom css in Theme Panel > Custom Css for default post style – http://screencast.com/t/DWb7ZEMsoOP

.td-post-template-default .td-post-featured-image img {
width: 100% !important;
}

Thanks!

Hello,

Unfortunately it will not be that easy to get the articles from the offset. Your best bet is to add another block 4 to your homepage that contains the exact block settings as the big grid and then hide it in the desktop/tablet version using this css:

@media(min-width:767px){
.home .td_block_4{
display:none!important;
}
}

I hope this helps.
Thank you!

Hello,
The code will not work like that but.
You could set one using custom css, but you have to set the site on boxed mode, for this just set a background color(white counts as well just change from default) or add the following class to custom just target the page id class – http://screencast.com/t/LZbZdrOT0Bs – http://screencast.com/t/VZnEaVDNga
Then you can use this custom css code:

.page-id-1260{
background: white url('http://blogs.uoregon.edu/janieb/files/2014/05/95578-wq0w78.jpg') no-repeat;
background-size: 100%;
background-attachment: fixed;
}
You can use multiple instances of this code for every page. copy and paste it and change the id number an the image url.

Thank you!