Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,
With a little more work it can be adjusted with CSS, but that doesn’t guarantee that the desired result will be achieved.
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!

pietroriccio
tagDiv Member

cannot I modify the css?

Calin
tagDiv Staff

Hi billygr,
If you want to apply the underline effect to all links, and keep the same color for hover and visited states, you’ll need to use custom CSS.
If you only want this applied to specific elements, you can do it using TagDiv Composer. Just edit the page or template, select the element, and check the available options under the Layout and Style tabs – https://forum.tagdiv.com/theme-colors-introduction/
Thank you!

Calin
tagDiv Staff

Hi,
Do you have the tagDiv Standard Pack plugin enabled? If you have it, please do a test, disable the plugin, clear the cache, create a new cache, and check teh results.
From WP Rocket try touse the Remove Unused CSS and see if there are better results
Thank you!

Calin
tagDiv Staff

Hi,
I see what you mean. The original design is displayed because the page is not yet cached in the browser; once it’s cached, it should no longer be displayed. Also, what could be done is to load the css faster; for this, the css can be set in the head of the website. Also, this is the css adjusted, it will make the results for the news ticker to look like this https://prnt.sc/a3SGi5d8_TF5 :

@media (max-width: 767px) {
body .td-trending-now-display-area {
top: 2px;
}
body .td-trending-now-display-area .td_module_trending_now .entry-title {
line-height: 26px;
}
.td_block_trending_now {
padding: 0 6px 0 20px;
}
}

Set the css in the theme panel > analytics/js code in head section and make sure that you set it between css tags like this – https://prnt.sc/DHl1atBWUwVt

Calin
tagDiv Staff

Hi,
I see. Unfortunately, based on the screenshot and CSS provided, I can’t say exactly what the problem might be. You can contact us at contact@tagdiv.com for further assistance.
Thank you!

Jairo
tagDiv Member

Hi Calín,
Thanks for your quick reply.
The website is currently under development with maintenance mode active, so you wouldn’t be able to see it.
If you give me an email address where I can contact you privately, I’ll send you access with your WordPress user account so you can access it from the backend.
On the other hand, the CSS code applied to the block is the default one from the demo; I’ll copy the CSS file for you:
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-description {
padding: 0 48px 60px 0;
top: auto;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-description {
padding: 0 30px 60px 0;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-title-md {
padding: 12px 100px 20px 40px;
background-color: rgba(49, 67, 226, 0.4);
transition: background-color 0.3s ease;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-title-md {
padding: 10px 30px 17px 20px;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
position: relative;
margin-top: 0;
padding-left: 40px;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
padding-left: 20px;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
bottom: 0;
}
.tdm_block_image_info_box .tdm-image-wrap {
border-radius: 5px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap.tdm-btn-sm-used .tds-button {
margin-top: 65px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap:hover.tdm-btn-sm-used .tds-button {
margin-top: 65px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap:hover .tdm-title-md {
background-color: rgba(49, 67, 226, 0.8);
}

@media
(max-width: 767px) {
.td-stretch-content .tdm_block_image_info_box.tdm-mobile-full {
margin-left: 0;
margin-right: 0;
}
}

Calin
tagDiv Staff

For tablet plase use this code:
.td_block_trending_now {
padding: 0 6px 0 20px;
}

Set the code under the theme panel > custom code > advance css > IPAD PORTRAIT – https://i.imgur.com/ejh2LNu.png

Calin
tagDiv Staff

Hi,
Ok, so now on desktop is set and is displayed correctly https://prnt.sc/5k-Gh59f5aB5 but you need it on mobile to be adjusted, for this css in the theme panel > custom code> advance css > phone css:
body .td-trending-now-wrapper {
flex-direction: row;
margin-left: 18px;
}

Calin
tagDiv Staff

Hi,
To do that, please use this custom CSS. The CSS should be set in the theme opanel > custom code > custom css.
.widget_text {
font-size: 18px;
}

Thank you!

Calin
tagDiv Staff

Hi,
Ok, so if the popup is working when you are logged in but is no longer working when you are not logged it means that is related to a css or js that is cached. No,w since the popup modal is not set using the option from our theme (Modal Popup) I’m not sure taht js files are used by the plugin Forminator please try the sugestions made by the author plugin – https://wordpress.org/support/topic/forminator-forms-not-showing-up/
Thank you!

hrhq2020
tagDiv Member

Hi Calin,
The Button (Advertise with Us) should load a modal window/page with a form. No Ads in this. I have also added this page (non-modal) to the Menu in the Footer – this displays without issue.

I am also noticing that the Social sharing icons have disappeared from Posts – they are present but invisible.

I have checked this in an Ingocnito browser. Checked with Chrome and Safari.

Is there a list of TD JS/CSS files that should be prioritised at Page load time? Or some that should be excluded from Delayed JS loading?
Thanks,
Mick

Calin
tagDiv Staff

Hi,
I see, if you want to use it on the trending now element from tagDiv Composer, you can use this custom css
.td_block_trending_now:before {
content: "";
position: absolute;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuODMzIDEwTC42NjcgOC44MzNsNi4xNjYtNi4yMDggMy4zMzQgMy4zMzNMMTQuNSAxLjY2N2gtMi4xNjdWMGg1djVoLTEuNjY2VjIuODMzbC01LjUgNS41TDYuODMzIDVsLTUgNXoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=);
background-position: 0;
background-repeat: no-repeat;
width: 100%;
height: 100%;
top: 1px;
left: -4px;
}

The results will be – https://prnt.sc/vFakDGQG2bCR
Thank you!

Calin
tagDiv Staff

Hi,
Ok, in this case, use tagDiv Compsoer edit the page and select each column on mobile https://prnt.sc/d_aIW1Nn0uaZ and set in css tab 50% width and set display inline-block – do this for all 4 columns and it will display 2 on the same row https://prnt.sc/6Nawj2LirmXo

Calin
tagDiv Staff

Hello,
Unfortunately, there is no option to disable the credits, but it can be hidden using a custom css like this one:

.tds-s-page-credits-remaining {
display: none;
}
.tds-s-page-sec.tds-s-page-dashboard {
border-bottom: 0;
}

The code can be set in the theme panel – custom code – custom csshttps://i.imgur.com/Svp2zNO.png

degelcreatives
tagDiv Member

give me css code that i can manage news thicker becouse its default not can change size or style

ktabdurabb
Participant
#0

Hi I am using Newspaper 12.7.4 since las two weeks. The TagDiv Composer is 5.43. So I am not getting full Theme Options / Performance / CSS/JS regeneration functionality. Is this Composer 5.43 is too old for the new Theme Panel layout in 12.7+.?
I think that’s why the buttons and tabs are missing. Anyone can help me… and how to get the latest version?

Calin
tagDiv Staff

Hi,
For the classic editor plugin, the sidebar can be removed only from those files, for this you need to go in -> wp-content/themes/Newspaper/editor-style.css and comment these lines of css -> https://imgur.com/EpWJhGZ

Calin
tagDiv Staff

Hi,
Do you want to add an icon to some elements using CSS? If so, please let me know which icon you want to use and where you want it added. Also, provide a link to the icon (it should be uploaded to your website’s media library), and I’ll help you with the CSS.

degelcreatives
Participant
#0

how to add by css code news thicer has a icon like aljaseera inline desplay poth mobile and desktop becouse tagdiv has only one who has only text no icon before text

Calin
tagDiv Staff

Hi,

If it is only about the opacity and you want to remove it when hovering over a social share, then please try this CSS:
body .td-social-network:hover {
opacity: 1 !important;
}

Add the CSS in Theme Panel > Custom Code > Custom CSS.

If you know, please let us know another screenshot tool that can hold the image long enough and that is accessible in the UK.

Thank you!

Calin
tagDiv Staff

Hi,

Could you please provide a bit more detail about the issue? Are you referring to the login option in the menu not working?
If so, in most cases this is related to cache or optimization settings. Please try the following steps to identify the cause:
Disable all cache and CSS/JS optimization plugins and test again.
This includes options that minify, combine, or defer CSS and JavaScript files.
If the login works with caching disabled, re-enable the cache plugin and carefully review the CSS and JS optimization settings, as these options are usually responsible for this type of issue.
Another possible cause is a plugin conflict. To test this:
Activate only the Newspaper plugins and check if the login works.
If it does, enable the remaining plugins one by one, testing after each activation, until you identify which plugin causes the login to stop working.

#0

My home page suddenly get like this, but previous it was cloumns and blocks and all

[td_block_big_grid_8 td_grid_style=”td-grid-style-3″ sort=”modified_date” open_in_new_window=”yes” show_modified_date=”yes” tdc_css=”eyJhbGwiOnsiYmFja2dyb3VuZC1zdHlsZSI6ImNvbnRhaW4iLCJkaXNwbGF5IjoiIn19″]
[td_block_1 sort=”” limit=”6″ custom_title=”MOST POPULAR” td_ajax_filter_type=”” td_ajax_filter_ids=”” td_filter_default_txt=”All” ajax_pagination=”next_prev” category_id=”20″][td_block_2 category_id=”134″ limit=”6″ custom_title=”AUTOMATION & FUTURE OF WORK” header_color=”#dd4646″ td_filter_default_txt=”All” custom_url=”https://technichepro.com/category/ai-machine-learning/future-of-work/”]
[td_block_6 category_id=”20″ limit=”2″ custom_title=”AI & MACHINELEARNING” td_filter_default_txt=”All” header_color=”#25b3b5″ custom_url=”https://technichepro.com/category/ai-machine-learning/” sort=”random_posts” linked_posts=”parent”]

Calin
tagDiv Staff

Hi,
Use tagDiv Composer, select the row and check in css tab to see if there is any margin or padding, you can also select the content section and check the css tab – https://i.imgur.com/SNUwB1j.png https://i.imgur.com/01n8gE3.jpeg https://i.imgur.com/wJCNeII.png

Viewing 25 results - 201 through 225 (of 33,436 total)