Search Results for 'css'

Hello leapdsc,

If you want to reduce this white gap between your images, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
margin-bottom: 5px!important;
}

The result is here -> https://www.screencast.com/t/y7hkxC0C

Thanks for your understanding!

Hi,

Please try this code, just enter it in Theme panel->Custom Css, with this result – https://www.screencast.com/t/zbGwVDhb

@media (max-width: 767px) {
.td-scroll-up {
display: block!important;
}}

Thanks

Hello wojo,

Unfortunately, our theme does not have any such an option that allows you a way to add more than one background for the entire theme, sorry! You can target the page with a CSS and use the background-image rule but the image on the background will not be stretched and therefore, the page will not be covered by the image. Notice that is not a simple task and if you aren’t aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hi,

Please try entering the code provided directly in the theme style.css file at the end of the code, then there should be no delay for this to apply – https://www.screencast.com/t/do7HJq11Ojui

Thank you for understanding!

Hi,

The update is available now – https://themeforest.net/item/newspaper/5489609 you can see the change log there. The feature you are looking for is this – https://www.screencast.com/t/zVyKjlwkq2 Just make sure you remove the code provided before from the custom css section, so it does not affect the theme in any way.

Thanks

Hi,

The currently available color options for the main menu, sub menu and mega menu are in the Theme panel->Theme colors header section – https://www.screencast.com/t/bw3EzE3sVC and there is no setting to set different colors for each menu item in the header main menu. However you could try to identify each of the menu items you want to modify, using the browser inspector – https://www.screencast.com/t/a1HFWCF9wI and change their color with some custom css – https://www.screencast.com/t/pv86r1FWjmpN
Here is a tutorial about using the browser inspector to create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and also the code used in the example (must be edited with you menu item id’s)

.menu-item-6537 > a {
color: yellow!important;
}

For different logo’s on specific pages you could follow this topic – https://forum.tagdiv.com/topic/different-header-images-for-different-pages-and-videos/ and try the suggestion mentioned there. There is no option to have different logo’s by specific pages by default.

Thanks

Hello sonic83,

In order to achieve the best results after you will install the latest update you have to follow some rigorous steps like this -> you have to delete both of your themes, child theme, and main theme. All your customizations from your Newspaper 4 theme will do not work because all the files from this were changed in Newspaper 7.8 and as the main theme and also you lose all changes.

The Newspaper 7.8 is a whole new theme so an update from 4 to 7.8 may cause the same issues as switching to another theme (but we did try to maintain compatibility where ever possible).

Always make a full backup of your current installation – https://codex.wordpress.org/WordPress_Backups and then do a clean update, meaning that we recommend that you delete the old version of the theme before uploading the new one – https://forum.tagdiv.com/how-to-update-the-theme-2/ update also the plugins that come bundled with the theme files from the /plugins folder. In the “how to update” guide is specified that you will have to run the script that will import from database your settings.

The shortcodes have been changed so old ones will not work anymore. Please note that old files customization or custom CSS will not work with the new version and you will have to adjust or re-add them.

Bottom line is that newspaper 7.8 is a whole new theme built from scratch.
Unfortunately, you will have to clear your agenda and spare a bit of time to adjust all your settings to the new version of the theme.

If you have already Newspaper 6 and you want only to do the update to latest version, you should make this without any problem. All your customization are recorded in the database which is not affected by this update.

Hope this helps and let us know how it goes!

Thank you for the message!

Hi,

Using the code provided above in the desktop section of the custom css, will apply it only in this situation, For smaller devices it will remain the same, keeping it’s original responsiveness – https://www.screencast.com/t/lMHVG2Qww3t – https://www.screencast.com/t/M6kXmkCS
To make it like that in all situations, you would need to have different codes for these situations – https://www.screencast.com/t/upVesOxVo2c Maybe there is another way, but I can not say for sure, since it would take too much time to test, and make sure it works properly.

Thank you for understanding!

Hi,

You probably did not insert the code properly.
http://www.screencast.com/t/CUTd6WAMgET4
and then ad this code in the theme panel-> custom css box:
.avatar-32{
float:left!important;
padding-right:5px;
border-radius:20px;
}

If you cannot make this customization you will have to get some help from someone code-savvy.

Thank you!

Hi,

Please try the code provided below with this result – https://www.screencast.com/t/waS4J2EF – https://www.screencast.com/t/EYUG0kTc and it should fix this. The code must be entered in Theme panel->Custom Css

.td-post-content p {
word-break: break-word;
}

Thanks

We are currently investigating the issue with the theme background ad in the latest update. We will implement the fix in the next theme update. We are sorry for the inconvenience. Please use this quick fix by adding this code in Theme panel->Custom Css box.

body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Thank you!

Hi,

@SanjaKokica We are currently investigating the issue with the theme background ad in the latest update, and will provide a solution as soon as possible. We are very sorry for the inconvenience. You could try this quick fix if you have this problem, and enter this code in Theme panel->Custom Css

body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Thank you for understanding!

Hello,

Yes, there seems to be an issue with the background ad. Please add this code in your custm css box as a temporary solution until we fix the issue in the next update:
body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Thank you!

Hello DaveS,

Yes, you can make your own code for your desired color using the RGBa properly. For more information about this case, please check here -> https://css-tricks.com/rgba-browser-support/

Thanks for your understanding!

Hello RahulDubey137,

You should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-author-social{
display:none!important;
}

The result is here -> https://www.screencast.com/t/VMSOSzt12At

It is the same on all menu items. The code works: https://www.screencast.com/t/0xeQecXdy7h and https://www.screencast.com/t/InFwdFiEyrId
You are not adding the custom css in the correct code box however. You use the mobile theme. the code must go into the mobile theme custom css not the main theme custom css: https://www.screencast.com/t/DXOlO1JlekK5
That was the missing link to this problem :).
Thank you!

Hi,

You could try as a quick solution in this matter the code provided below, with this result – https://www.screencast.com/t/mufmM1CXivS However you should enter the code in Theme panel->Advanced Css in the desktop section, so it only applies in that situation, since this code could provide issues on smaller devices.
This is the code used in the example

.tp-revslider-mainul {
width: 1168px!important;
left: -48px!important;
}

Thanks

Hi,

If you would like to align the sub categories in the mega menu to the left, you could do it like this – https://www.screencast.com/t/X4w7g668Kt4U
At the moment these are the available capabilities of the mega menu, there could be improvements made in the future in this regard. Please understand that with each update, the intention is to further improve the theme and the features. There are many suggestions and recommendations, and each one is taken into account when the time comes.
This is the code used, you must enter it in Theme panel->Custom Css

.menu-item-165 .td_mega_menu_sub_cats {
text-align: left;
}

Thanks