Search Results for 'css'

Hello,

Sorry for the inconvenience. There seems to be a css issue in the new update on the mobile theme. Please use this css code in the mobile theme’s custom code box:

.td-post-author-name div { display:inline; }

Thank you for your understanding!

Hi again Bogdan,

You can use css to add it in but it will not position the same on each post template as the containers are different. Also it will not work on pages that do not have a standard sidebar but rather a split row created in visual composer.
Unfortunately this is not a viable solution as there are many implications. On our newsmag theme we have a border system implemented but unfortunately it is pretty complex and hard to replicate on the newspaper theme. You will need a developer to do it properly and address all of the potential problems. It will be no easy task I’m afraid

Thanks.
Bogdan B.

Hello nmf,

If you want to do this, you will have to edit the style.css file and change this parameter -> http://screencast.com/t/4jUudiSod but please notice that you can break the layout of the theme.

Thanks for your understanding!

Hi,

The theme width can be changed with a css code but as Catalin stated above, it will be no easy task as our theme is based on a fixed width and all theme elements are based on that width. You can use css to change the main content width but we highly discourage this as it will break the layout and create more problems. The theme width is added on this container: http://screencast.com/t/WMaleOnkcV
You can use media queries to target just the desktop version of the site: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
But if you do decide to change the width, please keep track of it so if any layout problems occur, you know about the modification.

Thanks

Hi,
Sorry, I thought the breadcrumb ‘home’ is the one you want to remove. You can simply chose another page template like the default one which will not show the title if visual composer is used http://screencast.com/t/Bo4JCPyN or as an alternative, you can use this css:
.home .td-page-title{
display:none!important;
}
Thanks.

Hello joekeai,

If you want to change the color for your prev-next button, you will have to use a bit of CSS code. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-smart-list-button {
background-color:red;
}

If you want to change the structure of smart list 6 you will have to do some changes through code, like this -> http://screencast.com/t/E5KWNKEy -> http://screencast.com/t/fWYegldwI19

Thanks for your understanding!

Hello Gadgetsay,

You will have to add and this code to your CSS above in order to achieve as you wish.

The code is ->

.td-load-more-wrap a {
width: 696px;
}


In the future, if you want to customize your website you will have to create yourself the custom CSS code for achieving as you like because all of these processes are custom made and involve additional customizations. A very useful tutorial you should find here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello,

Please try to use a bit of cSS code to do it. Place the code below in Theme panel->Custom CSS area.

The code is ->

.white-popup-block:before {
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
}

Thanks.

Salut,

Pentru a seta background-ul asa cum doresti, trebuie sa folosesti putin de cod CSS. Incearca codul de jos si pune-l in Theme panel->Custom CSS area iar rezultatul va arata asa -> http://screencast.com/t/5TAD7NPJ5K NU am putut sa inspectez cum trebuie site-ul tau deoarece folosesti un plugin de securitate a content-ului si nu ma lasa sa inspectez cu CTLR+F. Pe viitor can vei mai scrie la support, te rog sa iti dezactivezi aceast plugin pentru a se putea inspecta cu usurinta site-ul tau. Luabd ca exemplu codul si metoda pe care am folosit-o mai sus, trebuie sa o aplici pentru tot site-ul tau si unde mai vrei sa schimbi fundalul.
Daca nu esti constient de pasii pe care trebuie sa ii urmezi, va trebui sa angajezi pe cineva care sa te ajute in aceasta privinta deoarece noi nu oferim servicii de personalizare si doar putem oferi un exemplu de cum ar trebui sa faci acest lucru.

Multumesc pentru intelegere!

Hello mubasshar,

Please try the code below and place it in Theme panel->Custom CSS Area.

.td-main-page-wrap {
padding-top: 15px!important;
}
.wpb_wrapper{
margin-top:25px;
}

The result -> http://screencast.com/t/SjxI6Nd7h

Thanks.

Hi,

The login widget can be moved only from the code as it is added directly in the top-menu and cannot be moved throught the theme or wp settings. You can cut/remove this code here: http://screencast.com/t/88S4Xz4Rdo and then paste it here: http://screencast.com/t/Dot2wGq6gHr
Now it will be displayed in the menu but it will need css for positioning and it could prove to be a bit problematic. You will require some css knowledge to do it.

Thank you!

Hi,
In order to remove more from author you can use 2 methods:
The css method:
.td_block_related_posts .td-related-right {
display:none;
}
or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

I hope this helps.
Thank you!

Yes, If you hide them with css, google will still be able to “see” the date as css only hides it on the front-end, but does not remove the code for it.

Thank you!

Hello Gadgetsay,

If you want to change the color for the load more button (and on hover mode), you will have to use a bit of CSS code for doing that. Please try the code below and place it in Theme panel->Custom CSS area.

.td-load-more-wrap a:hover {
background-color: pink;
border-color: red;
color: green;
}
.td-load-more-wrap a {
color: green;
}
.td_ajax_load_more {
border: 1px solid blue;
background-color:yellow;
}

The result you should see here -> http://screencast.com/t/PxlrO1tJ1u7

Thanks for your understanding!

Hello,

1) In order to disable the date on a specific block, you need to use css to target just the specific class of the block. In this case you can use this code:
.td-post-author-name span, .td-post-date {
display:none!important;
}

2) For this you can use another css code:
.td-category-header .td-page-title{
text-transform: capitalize!important;
}

You can add the css in the theme panel->custom css box.

Thank you!