Search Results for 'css'

Results from the Forum
Vlad S
tagDiv Staff

Hello !

Sorry for missleading you !

Please try this CSS:

.tdb-sml-current-item-nr span{
display: none
}

Thank you !

Vlad S
tagDiv Staff

Hello !

Please try this CSS Code:

.td-sub-footer-container .td-sub-footer-menu {
float:none;
margin-left:auto;
margin-right:auto;
display:table;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Thank you !

DUNKy
tagDiv Member

Hi,

Thanks for you answer.
I had added the CSS code at the right place but numbering are still here.

Another solution ?

Thanks a lot

Calin
tagDiv Staff

Hi,

How I said above there is no plugin that can create a bigger thumb from a small image, the only solution is to use a custom css -> http://prntscr.com/ovxe5f
.td-post-featured-image img {
width: 100%;
}

The code need to be set in Theme panel> Custom code> Custom css
But because the feature image that you have is small the quality will be very low.

Thank you for your understanding!

Calin
tagDiv Staff

Hi,

Sorry, was may mistake, I was thinking to read more button, sorry!

In order to show the more article box on desktop and hide it from mobile you can use this custom css
.td-more-articles-box {
display: none;
}

The code need to be set in Theme panel> Custom code> Advance css > Phones -> http://prntscr.com/ovx7ky if you want you can set the code in iPad section too, in this way the only place where will be show the more article box will be the desktop version.

Hope this will help!
Thanks.

Vlad S
tagDiv Staff

Hello !

You can have Next / Back Buttons only on smartlists.

That is possible when having a Single Post template from the Cloud Library as you can see here: https://www.screencast.com/t/CO4LWTcimW

Follow this tutorial to learn how to use the Single Post Template: https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/

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 !

Vlad S
tagDiv Staff

Hello !

You can change it using this CSS code:
.td_module_15 .entry-title {
font-size: 20px;
}

The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5

Let me know if this was helpfull !

Thank you !

Scott
Participant
CSS Issue - topic
#0

Can you tell me why this Header Title is white in the TagDiv Composer: https://www.awesomescreenshot.com/image/4190756/f0fdaa5fbac1730f1a7b4410f9092506

but black on the live page: MaxlaxOC.com? Thanks

DUNKy
Participant
#0

Hi,

In order to be as precise as possible: I am currently using the smart list module to create image galleries.

– I used the Cloud Library and the following template: Smart List Template 5.
– For the Smart List type setting : I used Smart List

Everything works perfectly except one thing: The display of slide numbers.
Indeed, it is not mobile friendly (clumsy display occupies many pixels).

Do you have a CSS or PHP code to hide the numbering of slides?
Link example : https://test.vamely.com/quand-disney-sinspire-de-personnes-reelles-pour-creer-ses-dessins-animes/
Picture that show what i want to hide : https://image.noelshack.com/fichiers/2019/34/3/1566401568-zzz.png

Thanks,

DUNKy
tagDiv Member

Hello,

I have implemented everything you indicated (add CSS + modify PHP) but nothing changes.

– I always have a pagination with numbers and not arrows in single post

– At the end of the pagination on the single post, I don’t have a “next article” proposal.

I have followed every step of the way.

Here is an example of the rendering: https://test.vamely.com/doublures-de-stars-quand-la-ressemblance-est-troublante/

Calin
tagDiv Staff

Hi,

Yes, you can achieve this using a custom css that need to be set in Theme panel>Custom code > Custom css
For example if you are using the the post style 1 -> http://prntscr.com/ovm9fx -> http://prntscr.com/ovm9mr ->http://prntscr.com/ovm9u0
.td-post-template-1 .td-featured-image-rec {
float: right;
}

Thank you!

Calin
tagDiv Staff

Hi,

Yes, this can be done using some custom css, if you want I can help you, just provide me a link to your website, in this way I will be able to provide to you the right code.

Thank you!

Vlad S
tagDiv Staff

Hello !

Please add this css code too for lists: .tdm_smart_list_1 .td-sml-caption {
font-size: 11px;
line-height: 15px;
font-style: italic;
}
}

Thank you !

meri
tagDiv Member

Hi Simion,

On mobiles, you gave me a custom CSS to fix the font issues on the picture descriptions:

.wp-block-image figcaption {
font-size: 11px;
line-height: 15px;
font-style: italic;
}

It works well on standard posts like https://www.mondeoz.com/destinations-voyage/week-end-a-athenes/

But, when the post is a list, it doesn’t work. Here is an example: https://www.mondeoz.com/destinations-voyage/plus-belles-plages-de-corfou/

I’m talking about mobile version only.

Can you kindly help?

Thanks

shazza
tagDiv Member

I would like to thank you Vlad, Simion and others on the tagDiv support theme for sticking with us and finding a solution. Your support is stellar! I would also like to share the css solution you provided for anyone else coming across this thread that has a similar issue.

In Theme Panel, in the Custom Code > Advanced CSS > Desktop section add this css code:

.tab-pane.active iframe,
.wpsm_panel-body iframe {
max-width: calc(177.778vh) !important;
height: calc(56.25vw/2) !important;
max-height: 100%;
}

And then further down in the Phones section of that same page add this code:


.tab-pane.active iframe,
.wpsm_panel-body iframe {
max-width: calc(177.778vh) !important;
height: calc(56.25vw) !important;
max-height: 100%;
}

That fixed the issue for us and saved us from having to rebuild hundreds of pages, not amount of gratitude could ever suffice to say how much we appreciate the efforts of the tagDiv support team!

GregorS
tagDiv Member

Hey, thanks for your suggestions. I’ve tried and implemented most of what you suggested, checked with google tool and the page score is 94 but the issue still persist.

I believe now this issue has nothing to do with server time:
I’ve checked theme panel settings > header > header style and tried out a couple of different setting and two things are happening:

1. the menu started to behave strange …. sometimes when I changed style of header the look would turn out completely different on site then it is shown under options.
For example style 1 under theme options looks like menu background color is white, but when I load the page it’s black (first white for a couple of sec. Then it turns black)
Style 4 – looks like menu background color id black, when I switch to and load the page, I first get black background color and then after a couple of sec. It turn a bit lighter color

2. The first CSS settings for menu that load are different depending on Style I choose under theme settings and then after a second or two change to desired ones (size font and color) … so It’s not one default settings for menu but different ones that pop up for a few seconds – where can I find first one that is loaded?

Magna Mane
tagDiv Member

Hello Vlad,

I’m sorry, maybe I mislead you with my question, because I think that the problem cannot be solved with CSS.

The only reason to remove H3 tags from the menu is seo-structure of the page. Normally H1 is the first header-tag on the page, then H2-tags are nested into the H1, H3-tags are nested into H2 and so on. But with mega-menu, the page starts from a bunch of H3 headers, and then below there are H1 and H2: https://prnt.sc/ouzvr0.

So I actually need to replace <h3> with <div> or whatever, just in the mega-menu.

Thank you!

huma1985
Participant
page speed - topic
#0

sir my website speed is slow kindly tell me what i do:

Eliminate render-blocking resources and some css and javascrip files is a reason to slow speed kindly tell me recommendations.

pez
tagDiv Member

The images are uploaded to the full size. It’s not an upload problem because it only affects images of a certain height ratio. The full image is there but it’s being cropped by the CSS. Where is this setting? Here is a larger screenshot showing more detail since the first didn’t give enough context: https://snipboard.io/iWRBDr.jpg

Gul Klud
tagDiv Member

Thanks.
And where do you insert the css code?

Simion C.
tagDiv Staff

Hi,

I see it loads slow sometimes, the website appears to be waiting for quite a while to load a gif which eventually is not found – https://prnt.sc/oum73dhttps://prnt.sc/oum7es
Looks like it could be connected to Facebook pixel. Is this issue solved if you remove the pixel code or plugin?

As for responsive, it looks alright to me – https://prnt.sc/oum8a7 Should I check anywhere more specific? If there are issues maybe they can be solved with some CSS. Le me know.

Thanks

Simion C.
tagDiv Staff

Hi,

There are some header styles that display the logo centered, above the menu
https://forum.tagdiv.com/newsmag-header-styles/
The header styles don’t have settings, their design is predefined. Maybe it could be possible with CSS, depending on how exactly you want it to look. I could give it a try.

The theme won’t use the posts page setting provided by WordPress. If you would like a posts page (list of posts displayed by latest) simply create a new page (call it blog for example) and select the latest articles template for it – https://prnt.sc/oum3ch then add it to the menu for example. There are settings for the latest articles template, also it can have a sidebar set.
Using this template it isn’t required to enter any actual content in the page. If you do, the latest articles section will be displayed below the content.

Let me know.
Thanks

Simion C.
tagDiv Staff

Hi,


@lidlpatrik
The Newsmag theme isn’t capable of full width, the content has a fixed width, changing or forcing this fixed width with CSS will damage the content layout (blocks, grids etc).
On the other hand if you would like full width design, Newspaper is the way to go. The rows have settings with stretching settings and more row layouts – https://prnt.sc/oultwe
Let me know if you have more questions.

Thanks

Simion C.
tagDiv Staff

Hi,

There is indeed a darker gradient set over the grid modules, this is intended to make the article title more visible. If the images used as featured are brighter the white title and other post meta may be harder to see.

However if you would like to remove this gradient, I could give you a code for it, a setting doesn’t exist.
Before: https://prnt.sc/oulii9
After: https://prnt.sc/ouliqq
Enter the code in the theme panel custom CSS section

.td-grid-style-1 .td-module-thumb a:last-child:before {
display: none;
}

As it is it will affect all grids that use style 1, I could modify it if needed. Let me know.

Thanks

Vlad S
tagDiv Staff

Hello !

You could re-activate that option by doing so:

Go into: wp-content/plugins/td-composer/legacy/common/wp_booster/wp-admin/css/wp-admin.css

Search for: .tdc-tab-content-wrap .tdc-tab-content

Set it to Display Block from Display None as you can see here: https://www.screencast.com/t/6rVFWuiBaT

Thank you !

Viewing 25 results - 9,326 through 9,350 (of 33,436 total)