Search Results for 'css'

Results from the Forum
IFP News
tagDiv Member

Ok while the change can’t be done via ThemePanel is there any way to style the excerpts via CSS?

Catalin
tagDiv Staff

Hello SamuelDonatilo,

Unfortunately, the theme does not have any such an option for this, sorry! You can do this only via such a custom CSS code.

The code is ->

.td-adspot-title{
text-align:right;
}
.td-a-rec-id-content_top > div{
margin-right:0;
}

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

Thanks for the message!

Catalin
tagDiv Staff

Hello maro92,

Also, if you want to achieve something similar, you should try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

blockquote p{
border: 1px solid black;
line-height: 140%!important;
border-color: #bbb;
border-style: solid;
border-width: 1px 1px 2px; 1px;
}

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

Thanks for the message!

a h
tagDiv Member

hi,
The problem has been resolved . we get the problem From (Newspaper-child) css.
Thanks

a h
tagDiv Member

hi,
The problem has been resolved . we get the problem From (Newspaper-child) css.
Thanks

Bogdan B.
tagDiv Staff

It is enough to copy the demo code for that specific block, but you also need to ad the custom class on the body in the custom code section. As each demo code is based on a specific body class . All the demo css starts with that body class. For the business demo the body class is td-business

Thank you!

Catalin
tagDiv Staff

Hello mehedi57,

If you want to change the color for headings for mobile devices, you should use the media queries. As a hint, you should try using the code below and place it in Theme panel->Cusotm CSS Area.

@media (max-width:767px){
h1,h2,h3 {
color:red;
}
}

Thanks.

Aman Singh
tagDiv Member

Hello,

.post footer {
clear: both;
display: none;
}

Just place this code in your theme panel >> Custom Code >> CSS

And then save it & refresh the page.

greggus
Participant
#0

Hi,

I’d like to show mobile menu when the screen width is < to 1018px. My menu contains too much items and when the screen is like a tablet one it splits the mega menu on 2 rows. Is there is a css code for this ? Something like :


@media
(max-width: 1018px) {
#td-top-mobile-toggle {
display: inline-block;
position: relative;
}
}

Best regards

fenomeno0chris
tagDiv Member

I have updated the whole theme manually, by deleting the old theme and uploading the new one. I did the same thing with js_composer, td-social-counter and td-speed-booster. And of course I haven’t changed any css code.

Bogdan B.
tagDiv Staff

Hello,

Please use these guides to properly implement ssl:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

I can;t say for sure about newspaper 4 though as it is a very very old version of the theme.

Thank you!

beppepicaro
tagDiv Member

I haven’t noticed that on my side, but I am still “offline” with mine. Anyway did you reinstall all the plugins? Maybe “they” forgot to instruct us to update those as well. Or maybe you made some changes to the css file?

Catalin
tagDiv Staff

Hello applesandarrows

If you are referring to this case, notice that you should try using a bit of CSS code and place it in Theme panel -> Custom CSS Area.

.category-10 .td-grid-style-4 .entry-title {
background-color: rgba(99, 13, 58, 0.7);
}

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

Thanks for the message!

designr
tagDiv Member

Just for clarification, do I have to copy the entire stylesheet of the demo or just the css of the section of the demo whose style I want to copy?

The css code I posted above refers to only the block 15 style of the business demo that I want to copy. Is it enough or I have to use the whole business demo stylesheet?

Thanks.

Bogdan B.
tagDiv Staff

Hello,

If you want to remove the breadcrumbs and title of pages on the mobile theme , please use this css:
@media(max-width:767px){
.page .td-crumb-container, .page .td-page-title{
display:none;
}
}

Thanks.

Bogdan B.
tagDiv Staff

Hello,

In order to customize a specific row, you can add a custom class to it: https://www.screencast.com/t/dwKSEZTFp and then create your code targeting that custom class you set. You can add your code in the theme panel-> custom css section

Thank you!

Everything has been disabled… cache is empty.. Still not working.
I have remove custom code also.. I don’t know what to do, little desperate right now.. Please help me!

I have made some modification on the CSS styles.. Can I go back to the first version?

beermoney
Participant
#0

Since updating the theme, I seem to be missing the search icon/box. We don’t use the default menu placement in the theme as we use an “off-canvas” slide-out style menu. So I had the menu hidden with “.td-header-style-7 #td-header-menu { display: none; }”. Now it seems that the Search icon is apart of the Main menu or the Top menu. I went into the theme and set the setting to be in the Top menu but I never saw anything. So then I removed the “display: none;” from the CSS child theme to make it show up, and changed the search setting in the theme panel to the main menu, except it doesn’t show up. Not sure what I did or if some settings changed, but I can’t for the life of me get the menu to show up or the search icon. So, I come here looking for some guidance.

http://oi68.tinypic.com/w1wug5.jpg

LEO VOLLMERHAUSE
Participant
#0

Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.

julianpeaks
Participant
#0

Hi,

we have the dark demo installed on our website. With the smooth configuration possibilities allowed by TD composer, we would like to invert colours only in some specific rows, for example using a white background.
Do you have a guide on where to insert custom CSS for that specific row so to override the font colour with a dark colour?

Thanks
J

Catalin
tagDiv Staff

Hello mehedi57,

Unfortunately, the theme does not have any such an option that allows you to customize your mobile theme page, sorry! If you want to do this, you should use a bit of CSS code. You should provide your website URL and through such a useful screenshots you should explain what exactly you want to change.

Thanks for the message!

Catalin
tagDiv Staff

Hello abdullah hamed,

If you will turn off this option from the theme panel, notice that functionality will be generally disabled for the entire website. Also, if you want to hide this only on frontend, you should use a bit of CSS code to hide it, using the following code here ->

The code is ->

.td-post-views{
display:none;
}

Thanks.

Catalin
tagDiv Staff

Hello 22p,

It’s important to do this to give your code a high priority. You should overwrite the default value of your colors via custom CSS code and that’s why you should add that tag. Also, if you do not want to use it, you should edit the style.css code, find this element and change directly from there this value.

Thanks for your understanding!

mehedi57
Participant
#0

Hello sir, I really like your mobile theme version which is light and blazing fast. But the original test color format doesn’t work on this mobile version. Is there any custom css for enabling text color and format for mobile theme also?

22p
tagDiv Member

Thanks Cat.
Why we have to do it with custom css code (with !important)?
I think it’s better from the theme option…

Viewing 25 results - 15,676 through 15,700 (of 33,436 total)