Search Results for 'css'

Results from the Forum
artyks
Participant
#0

Hey!

Maybe somebody knows how to revive “Live Css”.

It had worked perfectly until I deleted all code. Saved. Then it stopped to Save anything.

I have already reinstalled tagdiv builder. Also, I turned off all other plugins. Unfortunately, nothing helps.

abc.xyz
tagDiv Member

Hi Simon,

As I said above.
1. I don’t want to enable lazy loading, I have disabled already this option in theme panel-> template settings.

2. But, I want to disable also the zooming effect big block front page when you hover the mouse over thumbnail the image will zoom, this can be disabled by selecting “Fade and Scale option”. and I have done this.

3. The problem is that if I turn of lazy loading, the “the fade and scale” option that turns off zooming effect does not work.

I can’t disable them both, that’s why I asked I you can help me with a css or java script code to turn off one of them manually. Because, the scale and fade option is part of the ‘turn of & turn on lazy loading’, if you turn of lazy loading, you can’t turn of fade and scale.

Teminow
Participant
#0

I noticed that the fonts for my yoast meta description is very small and also the tags area when trying to make a new post.

Simion C.
tagDiv Staff

Hi,

There is some styling added by the demo you have installed, for the top bar. That is why they appear like that. I could give you a code to make the top bar display normally, in it’s initial position
https://www.screencast.com/t/hyEuVhkDSo
Then you can set a background color if you wish, similar to the one you have on the header or different
https://www.screencast.com/t/xg9jwIaY2
This is the code you must enter in Theme panel->Custom code->Custom CSS section

.td-craft-ideas .td-header-style-10 .td-header-top-menu-full {
position: initial;
}

Also you can stretch the top bar if needed
https://www.screencast.com/t/dLQCtn4ckV

Please correct me if I misunderstand something.

Thanks

  • This reply was modified 8 years by Simion C..
Bogdan B.
tagDiv Staff

Hello,
Sorry but our theme does not have settings for each viewport in particular. You will have to use css if you want different fonts on different viewports.
Here is an example on the post content for mobile devices:

@media(max-width:767px){
.td-post-content p, .td-post-content{
font-size:15px!important
}
}

Thanks.

Catalin
tagDiv Staff

Hello OueshOuesh,

As a hint, you should try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td_category_template_8 .td-category-header .td-container {
height: 260px;
}

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

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

Unfortunately we have not tested the plugin you mention so I cannot say for sure if it will work or not. Our social icons can be found here: https://www.screencast.com/t/qRjDM2lwi3
The icon css codes are added with css and are found here: https://www.screencast.com/t/RwNdKcHfk

Thank you!

Catalin
tagDiv Staff

Hello PedroFumero,

If you want to remove that section you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-meta-info, .td-excerpt{
display:none;
}

Also, if you want to be more specific you should use some restrictive classes for what modules you are using for your blocks. More useful for creating a more accurate code is Inspector Browser. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello,

Try to use the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}

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

Thanks for your understanding!

bformhals
tagDiv Member

Site link and post the css you used

jaylacroix
Participant
#0

I just installed the theme and I don’t see anywhere in the theme panel a place to manage the font size for mobile or tablet view. I do see the THEME FONTS section where you can specify the font size for all kind of text elements, but if I put 21px for Post Content for exemple, it remains 21px on a mobile. Is it me or this feature is missing? Is there a place where we can manage that without creating custom CSS rules for breakpoints?

Thanks in advance for your help!

DavidSiqueiros
tagDiv Member

I tried to use the CSS but it does not work for me. How can I get the hover color change from bluu to a light grey almost white but not quite. And just to be clear I want it where the “Sign Up/Join” link is in the very top menu not the main menu…

OueshOuesh
tagDiv Member

I found something doing
.td-category-header {
height: 200px;
width: 200px;
}
in the custom css and it is working but it’s not what i want. It is just cutting the header. I want it to be reduced so i still have the menu at the bottom right and the title at the center.
I tried

.td-category-header {
height: 50%;
width: 50%;
}
i thought it would work but it’s not doing anything. I really need help thx.

The Irish Place
tagDiv Member

Thanks Simion.. unfortunately not though. I don’t have the mobile plugin activated.

I tried editing the css as instructed – no difference.

K

evanino
tagDiv Member

Could it be that the below files were modified?
Modified files – 19 files
•functions.php
•includes\demos\retro\td_import.php
•includes\less_files\category-templates.less
•includes\less_files\header-search.less
•includes\less_files\header-style.less
•includes\less_files\main.less
•includes\less_files\post.less
•includes\plugins\td-composer.zip
•includes\plugins\td-multi-purpose.zip
•includes\plugins\td-social-counter.zip
•includes\td_config.php
•includes\td_css_generator.php
•includes\wp_booster\wp-admin\css\panel\controls.less
•includes\wp_booster\wp-admin\css\panel\theme-panel-general.less
•includes\wp_booster\wp-admin\css\wp-admin.css
•includes\wp_booster\wp-admin\css\wp-admin.less
•mobile\includes\less_files\post.less
•mobile\style.css
•style.css

or added files?

New files – 17 files
•includes\demos\ink\demo_style.css
•includes\demos\ink\demo_style.less
•includes\demos\ink\pages\about-us.txt
•includes\demos\ink\pages\contact.txt
•includes\demos\ink\pages\footer-template.txt
•includes\demos\ink\pages\homepage.txt
•includes\demos\ink\pages\themes.txt
•includes\demos\ink\screenshot.png
•includes\demos\ink\td_css_generator_demo.php
•includes\demos\ink\td_import.php
•includes\demos\ink\td_media_1.php
•includes\demos\ink\td_media_2.php
•includes\demos\ink\td_media_3.php
•includes\demos\ink\td_media_4.php
•includes\demos\ink\td_media_5.php
•includes\demos\ink\td_media_6.php
•includes\demos\ink\td_panel_settings.txt

OueshOuesh
Participant
#0

Hi everyone, i’m a complete beginner in term of coding.
I succesfully changed the background for every category with the help of this forum adding some custom css code but i didn’t find anything on changing the header size which i find too big.

Screenshot

I’d like to reduce the size of the header (don’t know if it’s the right name, i want to change the size of the place where the image is) and i did’nt find anything on the forum. i don’t if it’s because it’s too easy or just not possible.

Thx for the help.

unit45host
tagDiv Member

Thx for your answers B.Bogdan!

Images:
I deleted those awfull beard man about 5 times so far, and its keep restored then.

I asked my hosting provider, they never heard of such a thing happend before, nor cPanel advisors…

Thats why I asked in the toppic, I want remove all demo content before I will install the next copy on the new server. Everything which is not necessary to the production,
-demo contents — including images and scripts
-unused functionsin function.php ( woocommerce, bbpress) I will not need them.

2.

the meta tag og:image I have a paid plugin wpsso and also the yoast ( switched off the opengraph meta tags ! )

I want remove the theme added og:image script the other one ( wpsso ) much more rich featured.

I removed from /mobile/functions.php – nothing happend still on
I removed from /include/wp-td-booster-functions.php – site crashed…

Tell me please how to disable and where.

Thank you very much.

Zoltan

About site speed: yes I am avare about a 4-6 seconds loading time from Europe ( the server in Miami, IOZoom.com ) and they can not do anything, so I move my stuff to a faster hosting provider ( probably ovh.co.uk ) .

But seriously 4-6 seconds loading – a 2 meg webpage shouldnt appear the default css settings at the first flash?!

https://1000wordsmagazine.com

abc.xyz
tagDiv Member

Since I don’t want both lazy loading and zooming effect front page. I have already disabled lazy loading and set fade & scale using this guide https://www.screencast.com/t/Mg9EEOfkvDUu

If you disable them both only one them will work, separately disabling just 1 of them, it works.

Also I have no other plugins but TagDiv Composer installed.

I would appreciate a lot if you gave me a css or java script code of either zooming effect or lazy loading to disable one them manually. Because both disabled they don’t work, only 1 of them works.

Bogdan B.
tagDiv Staff

Hi,
You can try to add this code in the theme panel custom css box:

.td-category-header .td-page-title{
text-transform:lowercase;
}

Thank you!

Simion C.
tagDiv Staff

Hi,

First the row has to be split into three columns, then place blocks 14 in each column (limited to one post)
https://www.screencast.com/t/LzEUm1nqv7
Next add block 9 below in each column (limited to four posts or not)
https://www.screencast.com/t/45rqPUb93
Now the demo design should provide the final addition
https://www.screencast.com/t/VlP7njbzv
This is the code used, enter it in Theme panel->Custom CSS section
https://pastebin.com/cTzkugrR
If you want to customize the the font properties for the module used on the blocks, you can do that in the theme panel. This is a list mentioning what modules each block uses
https://forum.tagdiv.com/theme-blocks-modules/
https://forum.tagdiv.com/font-customization/

Thanks

Simion C.
tagDiv Staff

Hi,

There is an issue with the responsive version of block 16, we are aware of this problem and it will be fixed in the next theme update. In the meantime as a quick fix, please enter this code in Theme panel->Custom CSS section it should fix the issue
https://www.screencast.com/t/r7zU23th2

@media (max-width: 767px) {
.td_block_16 .td-block-row [class*="td-block-span"] {
float: left;
}}

Sorry for this inconvenience.

Thank you!

Simion C.
tagDiv Staff

Hi,

1. A code like this will remove the author post count, in the author page
https://www.screencast.com/t/REyecg72Z6W6

.td-author-page .td-author-post-count {
display: none;
}

Or you could remove it in the code directly (or through a child theme if used)
https://www.screencast.com/t/SgBp0hFqpyCj

2. I could give you a CSS solution to style the block title similar to block header style 6, it would look like this
https://www.screencast.com/t/cdOrdxzw
https://pastebin.com/simQByEy

3. For the tag pages – https://www.screencast.com/t/mmAnUamqcl
https://pastebin.com/dJHvL7CN

Thanks

claudioper
Participant
#0

Hello, does anyone know how to change the width of the panel without changing the css file? Is there any setting for it? The problem is that some fields are not seen at all. Thank u.

obamoose
tagDiv Member

Hello Simon, Happy Holidays.

http://cgn.today/

This is my site.

The current CSS of the Big Grid Full 3 is how I’d like my Block 14 to look like.

Basically:
I want my frontpage too look like nothing but Big Grid Full 3 with endless scrolling.

Simion C.
tagDiv Staff

Hi,

1. I could give you a code to remove the post views. If you are using the mobile theme plugin enter the code in Theme panel->Mobile theme->Custom CSS, if the mobile theme is not used enter it in Theme panel->Custom CSS in the phones section

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

2. The count will still continue in the background if you remove them as shown, only if they are disabled in the theme panel it will stop counting.

Thanks

Viewing 25 results - 15,476 through 15,500 (of 33,436 total)