Search Results for 'css'

Hi,

Please try this custom css for mobile arrows, set the code in Theme Panel>Custom code>Custom css and
.td-mobile-content .td-icon-menu-right {
display: block;
}
For AMP option
-> https://www.screencast.com/t/mZ00jNoM0

If the problem is still there, please provide me a link were I can inspect this problem, in this way I will be able to provide you the right answer.

Also please check this topic about mobile theme plugin and mobile editor -> https://forum.tagdiv.com/topic/the-content-of-the-pages-in-mobile-is-not-visible/

Thank you!

Hi,

Please check the settings from theme panel > Theme fonts > Page -> https://www.screencast.com/t/Dun1LkW35 if this is not helping you can try a custom css -> https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/

Thank you!

Hi,

Depends on how exactly you want it to look. Maybe it is possible with a cloud header template – https://cloud.tagdiv.com/#/load/Headers
Or maybe it is possible to to for a predefined header template using some CSS. Depends on what header template you are using. Post a link to the website, and details about how you want it to be.

Thanks

Hello !

I meant to go into your post, like normal user (not admin) copy all the content so you don’t lose it if it’s important. Then go in Dashboard – Posts and delete that post. After you deleted it make another post and paste the content in it. You can see here how to delete it: https://www.youtube.com/watch?v=mZADrpR8Css

Thank you !

Hello !

I meant to go into your post, like normal user (not admin) copy all the content so you don’t lose it if it’s important. Then go in Dashboard – Posts and delete that post. After you deleted it make another post and paste the content in it. You can see here how to delete it: https://www.youtube.com/watch?v=mZADrpR8Css

Thank you !

Hello !

I will presume you want the menu buttons closer. That can be achieved only with a custom css or using a header from the cloud library and edit it as you want. For a custom css we recommend hiring a freelancer wich can be found on studio.envato.com

Here you can find more information about how to build a custom header from the cloud library: https://tagdiv.com/overlay-header-newspaper-theme/

Thank you !

Hello !

Please use this custom CSS:

.td-mobile-content .td-icon-menu-right {
display: block;
}

If you are using mobile theme than paste it here: https://www.screencast.com/t/LS6mvl2r
If you are not using the mobile theme than you will have to paste it here: https://www.screencast.com/t/MgoNBfpMtlY

Thank you !

Hi,

One way would be to use an iframe embed – https://www.quora.com/How-do-I-embed-content-from-other-sites-external-webpage-section-of-a-page-in-my-WordPress-page
– https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies
Burt this will embed the whole page, with CSS you could try and position the iframe to display a specific location from the embedded page – https://css-tricks.com/forums/topic/iframe-xy-positioning/

Like in this quick example (made with the example from above -CSS tricks)
– http://prntscr.com/nyc2u3 – http://prntscr.com/nyc39w

Something like this can take some time to do however. Maybe there are other ways of embedding specific sections from other websites in page.

Thanks

Hello !

In order to achieve this you will have to make some modifications. First of all add this css code into your Theme Panel – Custom Codes – CSS: https://www.screencast.com/t/vxXrGBIV

.td-post-next-prev-content {
align-items: center;
border-radius: 40px;
text-align: center;
display: inline-block;
margin-bottom: 40px;
width: 50%;
height: 50px;
background-color: black;
}
.td-post-next-prev-content a {
text-align: center;
margin-top:15px;
margin-bottom:5px;
color: white;
}
.td-block-span6 {
text-align: center;
width: 350px;
}

And you will have to make some modifications in PHP too following this path: legacy/common/wp_booster/td_module_single_base.php ( I have used Notepad++ to edit it )
and change the codes at the line: 929 ; 930 and 940 ; 941 like in here: https://www.screencast.com/t/AEgFOTDC

Thank you !

Hi,

If you want to remove that css code, you’ll need to delete it manually without using any functions to eliminate the code.

Thank you!

Hi,

4. When the mobile theme is enabled, you will have to create 2 versions for each page. One for desktop with the composer or in any way possible, and one for mobile with the simple mobile editor (can’t be built with the composer)
– https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/

Mobile pages will be empty if no content is added in the mobile editor found in the page edit screen (should be at the bottom)
– https://www.screencast.com/t/sE6as7bJLAq
An exception is the mobile homepage which will show a top grid displaying featured posts
– https://forum.tagdiv.com/featured-posts-2/
Below it there will be a latest articles section.

If the mobile theme is not active, then the same content from desktop will be displayed on mobiles as well.

5. The issue with the logo seems to be caused by the speed booster plugin, after deactivating the check. The desktop logo shouldn’t appear on mobile. I could give you a quick fix for it – http://prntscr.com/ny8l6j

@media (max-width: 767px) {
.td-header-style-1 .td-header-sp-logo {
display: none!important;
}}

The code can be entered in the theme panel, custom CSS section.

The scroll to top arrow displays when the mobile theme is active. In the default responsive version it doesn’t appear – https://forum.tagdiv.com/topic/scroll-to-top-mobile/
I believe this will be changed in a future update, so that it will appear by default in the responsive version as well.

Hi,

If you want to make these changes, you need to use a bit of CSS code for that. Use the code below and place it in Theme panel -> https://www.screencast.com/t/F2FgLyIZ5HsK

.td-header-wrap, .td-mobile-footer-wrap {
background-color: red;
}

Thank you!

Hello !

The problem is that your css code targets all the links on the page. So you will need to target better your links on the page. Here are some usefull informations about it: https://www.w3schools.com/cssref/sel_target.asp

Thank you !