Search Results for 'css'

Results from the Forum
newbietamvan
Participant
#0

How Resize Icon Mobile Menu?? CSS code??
.
.
.
https://ibb.co/n7tgsa
.
.
.
Thanks 🙂

Irreverent Gent
Participant
#0

Hi Guys,

I’m hoping you can help me. I’d like to use CSS code to hide the following elements on one specific blog post:

– Date
– Social sharing buttons
– Author bio
– Related articles
– Comments

These are all visible on most posts, and I don’t want to change that. Just looking to remove them from a specific post using CSS code and the post id.

Thanks!

Dave

DaveS
tagDiv Member

The provided suggestion there is to add the following code in the custom css theme field


@media
(max-width:767px){
.td-entry-crumbs{
display:none!important;
}
}

After adding it, breadcrumbs still appear on mobile.

DaveS
tagDiv Member

I’ve put your code in the custom css field of the theme

.td-g-rec-id-content_inline {display: none !important;}

but the ad (it’s an adsense ad) still loads. My category ID is 179. I should include this somewhere??

ThatsGameBro
Participant
#0

Hi,
I want to customize css of the “h” tags of the posts.
When I add this from custom css, all of the h3 tags affected.
h3{border-left:6px solid #FF5722;font-weight:700;padding:5px 10px;margin-bottom:10px;font-family:Arial;margin-left:5px}
But I want to customize only h3 tags that inside of the posts.

Simion C.
tagDiv Staff

Hi,

It would require quite some code to make them look exactly like that. You can try entering this code in Theme panel->Custom Css (color and other properties can be changed if you want to)
https://www.screencast.com/t/YoYroQYydI

.home .td_module_4 .td-post-category {
position: relative!important;
background-color: transparent;
margin-right: 0;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
letter-spacing: 2px;
color: #4db2ec;
margin-bottom: 2px;
font-size: 11px;
text-align:center;
}

Thanks

Bogdan B.
tagDiv Staff

Hello,

You seem to have quite a few css rules ion your theme panel- custm css box. Please make a back-up of these css rules and then remove them from the theme panel. Then check the mobile logo again. I suspect the custom code is the cause of this issue. If it’s so you will have to use the advanced css boxes to only target specific viewports.

Thank you!

Bogdan B.
tagDiv Staff

Hello,
Please try the code like so:
.td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 80px!important;
min-height: 75px!important;
margin-bottom: -10px!important;
}

Also if you add the code in the theme panel-> custom css box, check for any errors in the field as any tag left open will cause errors and all code after that will not work.

Thank you!

Catalin
tagDiv Staff

Hello frankcf,

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 ->

.single .td-container-wrap, article {
background-color:green!important;
}

Thanks for the message!

gkleinman
tagDiv Member

The theme is a fresh install from FTP. Adding the CSS code seems to have fixed the display issue. Thanks!

Simion C.
tagDiv Staff

Hi,

It seems none of the stylesheets can be loaded as they are marked as insecure
https://www.screencast.com/t/jCNudoZK
Here you can find more information about moving to https
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/

Thanks

Catalin
tagDiv Staff

Hello nomoretechno,

You should use a bit of CSS code in order to hide this value. As a quick example, if you are using the Big Grid 3, you should use the following code and place it in Theme panel -> Cusotm CSS area.

The code is ->

.td_block_big_grid_3 .td-post-date {
display:none;
}

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,
For this you will need to alter the post template file. The field is not inside the post content so it must be added in.
You will have to remove this part of the code here:https://www.screencast.com/t/NxrxxZ4S
and then paste it here: https://www.screencast.com/t/Cy0aZOv5OX
It could require a bit of further css for positioning.

Thank you!

Simion C.
tagDiv Staff

Hi,

If you would like to remove the categories displayed here
https://www.screencast.com/t/xQygiF0xhWu
On that particular category template, you could use this code
https://www.screencast.com/t/D4R5oq21SF
The code needs to be entered in Theme panel->Custom Css

.td_category_template_8
.td-category-siblings {
display: none;
}

Thanks

Simion C.
tagDiv Staff

Hi,

Please try the code provided below, it will remove the category “Blogs” from the Popular categories widget – https://www.screencast.com/t/usxRL0fCb
The code must be entered in Theme panel->Custom Css

.td-footer-wrapper
.td-pb-row
.td-pb-span4 .td_block_popular_categories
ul li
a[href*="blogs"]{
display: none;
}

Thanks

Catalin
tagDiv Staff

Hello doublemd12,

You should use the margin-bottom if you want to add some spaces at the bottom of the title. Use the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (min-width: 1180px){
#td-outer-wrap {
margin-top: 40px!important;
margin-bottom:40px!important;
}
}

Hope this helps!

Thanks for the message!

curve
Participant
#0

Hi,

I’ve enabled gzip compresssion on my site, and most files are compressing fine.

https://servicemuse.com/wp-content/themes/Newspaper/style.css?ver=7.8.1 however does not compress, and there would be a huge reduction in filesize if it did.

Why does this file not compress?

Thanks,

Pete

Catalin
tagDiv Staff

Hello Douglas,

Sorry, but all the Review settings can be found here -> https://forum.tagdiv.com/reviews-2/ If you want more options for this, you should try implementing it yourself because we cannot provide custom work at the moment, sorry! As a quick solution in this regard, you can try using the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-review-header, .td-review-row-stars{
display:none;
}

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

By default the Speed booster plugin will not work when it detects other plugins except the ones from a specified list. More information in these topics
https://forum.tagdiv.com/topic/help-in-using-speedboost/
https://forum.tagdiv.com/topic/defer-css-addon-for-bwp-minify-make-newspapper-faster/

Thanks

Bogdan B.
tagDiv Staff

Hi,

Please ad this css code to the theme panel-> custom css box:
.td-image-gradient-style8:after{
display:none!important;
}
.td-post-template-8 .td-post-header{
background-color:transparent!important;
}

Thank you

Simion C.
tagDiv Staff

Hi,

You could simply hide them with Css on specific width limitations, like the solution provided in this topic
https://forum.tagdiv.com/topic/hide-breadcrumbs-on-mobile/
That would be easier. If you want to stop them from loading you would probably require to modify all the files from the theme where breadcrumbs are displayed, and create a condition for this if possible. That will probably mean a lot of hard work to achieve.

Thanks

Simion C.
tagDiv Staff

Hi,

Both the codes seem to be valid, and working properly
https://www.screencast.com/t/ribtSzaEiO4
Just enter the code in the child theme’s style.css file and it will be used by the theme.

Thanks

Catalin
tagDiv Staff

Hello gkleinman,

This is not a good theme behavior, sorry! You should make a new clean install from scratch via FTP way and try to disable all the untested active plugins which can interact with the theme core files and check the results. As a quick solution, please check the code below and place it in Theme panel->Custom CSS area.

.entry-review-stars{
display:none;
}

Thanks for the message!

Catalin
tagDiv Staff

Hello ekoloskov,

If you are talking about this page numbers -> https://www.screencast.com/t/0uR7q1cyCzdi, notice that you should use a bit of CSS code in order to change the font size or font family. Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is ->
.page-nav a {
font-family:Arial;
font-size:20px;
}

Thanks for the message!

Catalin
tagDiv Staff

Hello erastus,

Unfortunately, please notice that our product does not have such an option for dynamic width and we do not recommend to do that through the custom CSS code because the layout of the theme will be damaged. If you want to change the width of the theme to be in full-width mode, please notice that is not a simple task and you will have to adjust the entire theme to the new width for better results.
Above, my colleague gave you an example from where you should strat to increase the theme width, but notice then you will have to make some additional customizations to adjust the other theme elements if you want to bring best results.

If you want to display more levels in our theme and you are not aware of the steps in this regard, please consider hiring a freelancer/developer to do this for you because we cannot provide customization services at the moment, sorry!

Thanks for your understanding!

Viewing 25 results - 17,626 through 17,650 (of 33,436 total)