Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hello Laurent_C2,

This change can be done only via such a custom code. Try the code below and place it in Theme panel -> Custom CSS Area.

.td-category a{
font-size:15px;
}

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

Thanks for your understanding!

HumBot
Participant
#0

Hi. I’m using a bit of css to change the colors of the text for my audio player and there is a flash of the old settings when the pages load. Any ideas on how to get rid of this FOUC?

http://www.humbot.yournec.org/2018/02/22/redwood-coast-energy-authority-proposes-offshore-wind-project/

I have the code entered into the Custom Code section of the theme panel:

/* centers audio player text and changes link color to black */
.powerpress_links {
text-align: center;
}
.powerpress_links a {
color: #444444;
}

Thanks!

Edward
tagDiv Member

Try this code:

.td_block_template_16 .td-block-title::after {
display: none !important;
}

add in Custom Code – Custom CSS section of Theme panel

regio-online
tagDiv Member

Hi Bogdan,

Thanks for your help. The link to my site is http://www.regioonline.nl You can find the menu item with the dropdown list in the mainmenu. It is called ‘Kies uw regio’. If you could make a css code to make it scrollable I would be very thankfull. Please provide some info with it where to implement your code.

Thanks in advance for all your efforts Bogdan.

Alex89
Participant
#0

Hello I have a problem with the block header color, as soon as I save my setting and then look results, the headline gets a black background, does anyone know how I change the global? Thanks in advance. Here are the pictures:
1) https://www.dropbox.com/s/fvbgzuuigxyg7yx/before%20save.png?dl=0 (as I want it)
2) https://www.dropbox.com/s/z3md5ypsfb6ti4u/after%20saving.png?dl=0 (after saving)
3) https://www.dropbox.com/s/0ynejp27nfkqiqv/css.png?dl=0

Bogdan B.
tagDiv Staff

Hello,

Please provide a working link to your site and mention what color you would like the tile to be and I will provide the css code needed.

Thank you!

Rowey1980
Participant
#0

Hi There,

Have added a custom ad to my sidebar (custom add 1). There is no spacing to the next widget in the sidebar.

Example URL: https://www.worldofpuppies.com/australian-shepherd/

Please advise Custom CSS to add some spacing.

Screenshot:

Catalin
tagDiv Staff

Hello hellonikoloz,

All the settings which can be made from Theme panel do not require to be overwritten from Custom CSS code.

Thanks.

Catalin
tagDiv Staff

Hello progorovor5,

1)You should look for some plugins which have this functionality because we do not have any recommendation in this case, sorry! Another way for this implementing is just from the code and if you are not aware of the steps in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
3)There’s are the only settings for background from Theme panel. If you do to like to use it in the Stretch mode you should enable this option or if you want to have another set for this image you should customize it via such a custom CSS code. If you do not know about the steps please consider hiring a freelancer/developer to help you.

Thanks for the message!

kamoe
Participant
#0

Hello, When my site loads for a fraction of a second some colors will display as blue and before it gets into the correct colors I’ve choosen. I think there are some css issue due to how design was done. When I created the design for this site I started with a demo and then modified it. So I assume the colors I see loading at first are related to this.

How can “remove” these old demo rolors while remaining the current look of the site? If not possible the other option is to “Reset theme settings” but that will reset ALOT of stuff not related to my problem.

If you look at the header while loading “www REMOVE spania THIS .no” you’ll see the problem.

What are my options to fix this? What would the relevant CSS file be to try to fix it editing the CSS manually?

Thank you

Nikolaas49
tagDiv Member

Hi,

In addition to my last e-mail:
This is the code I changed to Newspaper > includes > demos > craft_ideas > demo_style.css :

https://www.screencast.com/t/7Qze1ZKWG

Nick

kamoe
Participant
#0

I’ve “migrated” to your new composer tool. I have pretty much everything nicely setup but had to add RSS content as a “Widget Sidebar” and the problem then is that I cant control to color of the title field, it appear in the default black and it breaks with the site design. We can fix this with some addition css?

My site: “spania REPLACE no”

Thank you.

Catalin
tagDiv Staff

Salut Robert90,

Setarile de SSL nu tin de tema noastra iar noi nu te putem ajuta in acest caz deoarece nu oferim suport pentru customizari suplimentare. Ar trebui sa contactezi host-ul tau deoarece s-ar putea sa te ajute ei cu acest serviciu (care poate este oferit de catre ei) iar daca nu, ai putea incepe sa te documentezi despre cum se poate face acest lucru, consultand urmatoarele link-uri ->

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/

Sper sa te ajute!

O zi faina si spor!

Bogdan B.
tagDiv Staff

Hello,

Sorry but if you use a big grid, you will not be able to get a sidebar next to it. It is not allowed in our theme. If you want to get rid of the whit space, simply use a full width grid and occupy the entire width of the screen above the sidebar./ Our theme does not have a scroll widget sidebar element where you can place a long sidebar on a fixed width and a scroll bar on it. Sorry. You can place them in the menu and I can provide a css to make it scrollable. Create the menu element and provide a link to your site and I will provide the code.

Thank you!

Catalin
tagDiv Staff

Hello Nick,

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

The code is ->

.td-related-left {
background-image: url(https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png)!important;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
line-height: 2;
}
.td-related-right {
background-image: url(https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/header-bg.png)!important;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
line-height: 2;
}

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

Hope this helps!

Thanks.

luciamyv
Participant
#0

Hello!, I’m new with the theme and I can’t manage to make the video backgrond, on a specific post, work.
Here’s the example:
link: https://test.elperroenlaluna.com.ar/siesta-z/
back: https://test.elperroenlaluna.com.ar/wp-content/uploads/2018/04/Screen-Shot-2018-04-16-at-23.35.24.png
(pass: holaperro)
What am I doing wrong? I need it to be full screen

Thank you!!!

PD: I add some css lines to modify some things from the template.

hellonikoloz
tagDiv Member

Thank you so much,

its font and color should be changed through Theme panel > Theme Color/Theme Fonts or i should use custom css to change it?

Catalin
tagDiv Staff

Hello,

All the custom code should have to be added to Custom CSS code.

Thanks.

Catalin
tagDiv Staff

Hello lucchinifederico,-

You should use the code below and place it in the Theme panel -> Custom CSS are.

@media (max-width: 767px){
.td-wpml .menu-top-container .top-header-menu > li {
display: inline!important;
}
}

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

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

If you do not want to use the mobile theme plugin, then you can only hide them on desktop and tablets.
You can target each individual menu item with css and hide it on all other devices except mobiles.
However there could be a downside where you can see them for a split second and then disappear from view. Css cannot remove a code entirely. Only hide it. You can try to put the code directly in style.css to minimize this effect but on slow connections you will still be able to see the change happen.
Here is an example on how to hide 2 menu items based on the menu item id number:

@media(min-width:767px){
.menu-item-3960, .menu-item-3961{
display:none!important;
}
}

Thank you!

Catalin
tagDiv Staff

Hello Nikolaas49,

You should use such a custom CSS code if you want to make some changes. You can provide your website URL so I can take a closer look at it and also, so I can provide such a useful code.

Thanks for your understanding!

Catalin
tagDiv Staff

Hello Nikolaas49,

Sorry but please notice that our theme does not have any such an option for this but please notice that you can make this change if you are using such a custom CSS code.

-> https://www.screencast.com/t/WbaMR4b9kg

.td-craft-ideas .td-read-more a, .td-craft-ideas .more-link-wrap a{
background-image: url(images/read-more-bg.png);
}

Thanks for the message!

Bogdan B.
tagDiv Staff

Hi,

Yes, CSS code should be added in the custom code css section.

Thanks.

Bogdan B.
tagDiv Staff

Hello,

You can find all of the css for any demo in the main theme files. Here is where you can find the code you are looking for: https://www.screencast.com/t/Bb7A7XzonKA

Thank you!

Catalin
tagDiv Staff

Hello hellonikoloz,

Please try using the code below and place it in Theme panel -> Custom CSS area.

.td-week .td_module_19 .td-read-more {
display: block;
}

Thanks.

Viewing 25 results - 14,276 through 14,300 (of 33,436 total)