Search Results for 'css'

Results from the Forum
Simion C.
tagDiv Staff

Hi,

You can try a code like this for example, it should work for all the grids and remove the shadow you mention
https://www.screencast.com/t/gVPEdQbyri

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

Enter the code in Theme panel->Custom CSS section.

Thanks

Bogdan B.
tagDiv Staff

Hello,

Please provide a link to your site so I can see this block and provide the code needed for it. On mobile, the font cannot be changed except with custom css.

Thank you!

Bogdan B.
tagDiv Staff

Hi,

Unfortunately there is no setting as the top menu was never intended to show up on mobiles. It can be activated though with a css code. Please add this code in the theme panel-> custom css box:

@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}

Thank you!

Catalin
tagDiv Staff

Hello bformhals,

Regarding on that bug with the background color on ROW, notice that has been listed on our list of improvements and we will consider to fix it in near future update. Until this moment, notice that you should try using a bit of CSS code to fix this.

The code for Block 12 is ->

@media (max-width: 767px){
.td_module_10 .td-module-thumb {
width: 120px!important;
}
.td_module_11 .item-details {
margin-left: 135px !important;
min-height: 120px !important;
}
}

Also, another alternative for you would be to directly use the background color for ROW, like this -> https://www.screencast.com/t/b8gYL7PihLl (as a quick fix)

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,
The color change in the theme panel > theme accent color is not affecting the read more buttons.
Please add tis code in the theme panel-> custom css box:

.td_module_wrap .td-read-more a{
background-color: #f68d24;
}

Thank you!

Simion C.
tagDiv Staff

Hi,

The fonts should be loaded if everything is set properly. For the code you use, make sure the fonts folder is placed in the main theme folder. You can check these topics for more information about this, or alternative solutions
https://stackoverflow.com/questions/13609119/if-multiple-sources-are-listed-in-an-font-face-are-all-of-them-loaded-on-the-c
https://css-tricks.com/snippets/css/using-font-face/

Thanks

brettworth
tagDiv Member

Hi Bogdan, you appear to be incorrect as I was able to figure it out with a bit of custom CSS. Perhaps you misunderstood my question?

By using the code below I am able to use the homepage post in a full-width layout without it forcing a boxed layout.

.td-boxed-layout .td-container-wrap {
width: 100%;
}
.td-post-template-8 .td-post-header {
width: 100%;
}
.td-post-template-8 .td-post-header-holder {
padding: 20px 98px;
}

d_alinus2004
tagDiv Member

Hello,

Many thank’s for your help.
I confirm you that i have folow this ghide:
https://forum.tagdiv.com/how-to-make-the-site-faster/

So, no problem for all the steps.
The only think that i don’t understend it’s the ID of the JS script.
So, when i make the test, on the section ” Eliminate render-blocking JavaScript and CSS in above-the-fold content” the first line it’s:
https://www.domain/wp-includes/js/jquery/jquery.js?ver=1.12.4
Then i try to identify the ID of this java scrip on the notepad where i save a list with the id for all the css and js but i realy don’t know what it’s that!

Please let me know if i can share here the list ?! and if you can told me what it’s the ID ?!

Many regards.

Catalin
tagDiv Staff

Hi Cosmin,

Unfortunately, but the theme does not have any such an option that allows you to turn off the comments for a specific category page, sorry! You should try using a bit of CSS code to hide this. You can provide some useful screenshots and your website URL and tell us from where exactly you want to remove the comment and we will provide you an example.

Thanks for the message!

scorpiock
Participant
#0

Hello,

In theme panel, I can upload only one custom font type (WOFF). How do I add all types (EOT, TFF, WOFF2) for better browser compatibility?

I tried adding following child theme’s style.css but that didn’t work.

@font-face{font-family:"Museo Sans";src:url("fonts/museo.eot?#iefix");src:url("fonts/museo.eot?#iefix") format("eot"),url("fonts/museo.woff2") format("woff2"),url("fonts/museo.woff") format("woff"),url("fonts/museo.ttf") format("truetype");}
@font-face{font-family:'Charter';font-style:normal;src:url('fonts/charter.eot');src:url('fonts/charter.eot?#iefix') format('embedded-opentype'),local('Muli'),local('Muli-regular'),url('fonts/charter.woff2') format('woff2'),url('fonts/charter.woff') format('woff'),url('fonts/charter.ttf') format('truetype');}

d_alinus2004
Participant
#0

Hello,

I try to make my web site faster because now i have a low score: 55/65 on google page speed test.
So, my problem it’s on ” Remove render blocking css/js ”
I realy don’t know what it is my mistake. I will explain you step by step what i have do :

1: I have install yous plugin: TagDiv SpeedBooster
2: I have add on function.php the your specific code.
3: I have extract all id for all the css and js from top page.
4: I have remove the code from functions.php
5: I have test the page and i have identify the ID of the JS script. for example the first line it’s:
https://www.domain/wp-includes/js/jquery/jquery.js?ver=1.12.4 then, on the file td-speed-booster.php i have added this code: $this->move_js_to_footer(‘jquery ‘);

This is corect ?! I have doutes that the code that i have add it’s corect.
I realy don’t know exaxt what ID i must identify in my list because the id that i have add nothing happened.

many regards for your help.

mekidult
Participant
#0

hi, sir.

i am using a CDN for my images and css files. but this modal image function won’t work with remote images even the link of my images are mirrored as https://files.mydomain.com/wp-content/uploads/imagename.jpg . Can you please help to resolve this issue in next version?

Thank you very much for your help in advance.

sincerely yours / Stanley

Bogdan B.
tagDiv Staff

Hi,

I have contacted you via email as I will need your admin access in order to provide the css code you need to get the header to look like the one on washingtontimes.

Thanks.

Simion C.
tagDiv Staff

Hi,

That is the Live CSS editing feature that is displayed in the admin bar
https://www.screencast.com/t/le5Z0stsi
That is available when the tagDiv composer plugin is active. The div you mention, meaning the CSS editor window will display when you click on the Live CSS button
https://www.screencast.com/t/pqCmw1jk

Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

The latest theme version is tested and it should work properly. Most probably a plugin that conflicts with the theme and you have this issue. Do you have an error in browser console?
Please deactivate all your plugins except tagdiv composer(or Visual Composer if you use it), disable any css/js minification, clear all the caches and see how it goes.
If the issue persist please send an email at contact@tagdiv.com and provide wp-admin and ftp access so we can take a closer look. Also paste a link to this topic so we can identify you.

Thanks!

ventunosrl
Participant
#0

Maybe I’m wrong, but once updated to 8.1 (I’ve updated my old 7.8.1 using the available patches) on the frontend a “Live CSS” div is available even for not logged users.
Its id is “tdw-css-writer” and its title reads “Edit with Live CSS”.
Its display property is obviously set to none, but in the source still appears, IMHO, with no reason.
I haven’t investigated on other not necessary code lines so far.

Could you please give it a check? I’ve searched for info here in the Support Forum, but it seems like nobody noticed it (or maybe didn’t care of such a detail!).

Thank you!

Seekingknowledge!
tagDiv Member

The header is too big and it should not be so. It takes a big space before readers even get to the article. It’s affecting thousands of people. A CSS code will be able to fix the problem and this will be good for further updates also. There are a myriad of other improvements that I have noticed. As a user, I realized that I am limited in hundreds of ways to do many things. This theme is great, that’s why I am using it, but it needs thousands of improvements on many many sides.

Simion C.
tagDiv Staff

Hi,

You could maybe try a code like this, to display the images more centered
https://www.screencast.com/t/VDvSPDGHUEEp
Enter the code in Theme panel->Mobile theme->Custom CSS and test it and see if it works properly for you

.td_block_big_grid_mob_1 .td_module_mob_2 img {
position: relative;
top: -100px;
}

Thanks

Catalin
tagDiv Staff

Hello stanisci,

Do you want to leave each menu link to another color? Unfortunately, our theme does not have any such an option for it, sorry! Notice that you can achieve this but only if you will use such a bit of custom CSS code, target the each item menu and change the color of it with a bit of CSS code. It is not a simple task and if you are not a ware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom services at the moment, sorry!

Thanks for your understanding!

Catalin
tagDiv Staff

Hello eduardoribeiro,

You should provide your website URL so I can check your read more button. Also, if you want to change the color of it, notice that you can use such a Custom CSS code to do this.

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

You can change the font size specifically for the text with title element using this code:

.td_block_text_with_title p{
font-size:21px;
}

Add the code in the theme panel-> custom css box.

Thank you!

Bogdan B.
tagDiv Staff

Hi,
Please add this code in the theme pane-> custom css box:

@media (max-width:767px){
.td-header-top-menu-full{
display:block;
}
.td-header-sp-top-menu{
display:block!important;
text-align:center;
}
.top-bar-style-1{
margin-left:auto;
margin-right:auto;
display:table;
}
}

Thanks

Simion C.
tagDiv Staff

Hi,

Maybe this is a misunderstanding. If you want to change the article title color in the post page, this is the setting in the theme panel
https://www.screencast.com/t/wYa6zzAc
https://www.screencast.com/t/uEHu3muWpF
Resetting the color to default will look like this
https://www.screencast.com/t/rJqXsTxQ
https://www.screencast.com/t/W5No4co8
If you want to change the color of the post title only for that particular post template, you can use some CSS like this
https://www.screencast.com/t/P24ueSe0
The code must be entered in Theme panel->Custom CSS section (with the color you want)

.td-post-template-8 .td-post-header .entry-title {
color: yellow;
}

Thanks

Catalin
tagDiv Staff

Hello SiuSang,

Try using the code below and place it in Theme panel -> Custom CSS Area.

The code is ->

#wp-admin-bar-tdc_edit{
display:none;
}

Thanks.

DaveS
tagDiv Member

Hey Simion,

I added another category with child categories (dropdown) in the shop menu and it doesn’t have the styling (css provided above) assigned. What should I change in the code placed in the custom css field?

Thank you

Viewing 25 results - 16,801 through 16,825 (of 33,436 total)