Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

Please read AMP HTML Specification ->
https://forum.tagdiv.com/topic/custom-javascript-is-not-allowed/

While it does allow styling the document using custom CSS, it does not allow author written JavaScript beyond what is provided through the custom elements to reach its performance goals.

https://www.screencast.com/t/BKkjHyDA

Also after you manage the javascript, please access your permalinks section of WordPress and press the save button again for the permalinks. you do not have to change the structure. Just save gain. This fixed the amp error for most users.

Thank you.

ytre77
Participant
#0

Hi How can I change the page width to 1200px on a monitor? Just rewrite the CSS width styles for .td-header-container and .td-container or change something for some other classes?

Valerio
Participant
#0

I have increased the width of the entire container to 1200px, and now I would like to modify the category top posts style in order to adapt to this new space.
I would like to mix grid 1 and 5 styles. In particular I would like to use the first image on the left of the grid 1 style and the 4 rectangular images of the grid 5 style.

Would it be possible by modifying the code?
Do you have other ideas about how to adapt the top posts style with the new width?
Obviously I could just add some space in between the images with some CSS lines but it does not look very nice. I would like the images to take over the entire width.

Thanks

Calin
tagDiv Staff

Hi,

If this is what you want https://www.screencast.com/t/Xx7QNP2cN
then please add this custom css in theme panel>Custom code>Custom css
.td_block_7 .td_module_6 img{
border-radius: 50%;
}

Thank you.

Officialabayomi
Participant
#0

i want featured image of td_block_7 to have a radius of 500 but it not included in the block settings.
pls is there any css code for this

Calin
tagDiv Staff

Hi,

In order to edit the layout/style/css on big grid flex you need to use tagDiv Composer
https://www.screencast.com/t/NgQLlsgI
click on the block, change from general to style and change the modules fonts, or you can use a pre-made style https://www.screencast.com/t/jurpyPDuxrkp

Thank you.

Calin
tagDiv Staff

Hi,

Here is the css for header color:
.td-fast-news .td-header-wrap .td-header-menu-wrap-full, .td-fast-news .td-header-menu-wrap.td-affix {
background: linear-gradient(to right, blue 0, yellow 25%, red 100%)!important;
}
@media (max-width: 767px){
body .td-header-wrap .td-header-main-menu {
background-color: blue!important;
}
}

Thank you.

Catalin
tagDiv Staff

Hello delcata,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? This behavior appears when you have additional customization through custom CSS code. Please notice that the CSS is working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly to this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new install with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css. Also, please update the theme to the latest version of it.
If you are not aware 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 work at the moment, sorry!

Hope this helps!

Thanks for your understanding!

coinworldstory
tagDiv Member

I am not set any CSS code in the checkout page. Please Give Me Any CSS code so that my problem solved thanks

Calin
tagDiv Staff

Hi,

If this is what you looking for https://www.screencast.com/t/gWnEHJyn , then please add this custom css in Newspaper> Theme panel> Custom code> Custom css :
.woocommerce ul.products li.product .button {
width: 100%;
font-size: 120%;
text-align: center;
background-color: gray;
}

For question tow please make sure that you set correctly the products https://www.screencast.com/t/I8HzobACj4XI

3. Make a short order (Name, City, phone) unfortunately I don’t think you can do a list so short of check.

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

That is possible, but you need to be very careful.

The file you’ll found in theme wp-content/theme/Newspaper
editor-style.css style.css style-bbpress.css style-woocommerce.css

Thank you.

Calin
tagDiv Staff

Hi,

Please add the below css in Newspaper>Theme panel>Custom code>Custom css
.td-category-siblings .td-pulldown-filter-list .entry-category a{
font-size: 13px;
}

See results: https://www.screencast.com/t/Ifuks5wd8

Thank you.

finester11
tagDiv Member

Yes, I’m aware, thanks. I’ve been styling with CSS for some time. But the answer is…????

Seashore
Participant
#0

Hi,

When I add a background image to the header, it will add height to the header, no matter that the image height is far smaller than the header height (background image is 1400 x 41 px).

The current css custom code for the header and logo is:
.td-header-style-1 .td-header-sp-logo { margin: 0; }
.td-header-gradient:before { display: none; }
.td-header-main-menu { border-bottom: 1px solid #b9b9b9; border-top: 2px solid #000; }
.td-header-style-1 .td-header-sp-logo {
width: 350px;
}

The header height (part where the logo is located) is 88 px.
When I add a background image it increases to 117 px.

What should I add to keep the header its normal height of 88 px?

Regards,

Martin.

giulian curl
Participant
#0

Hi, I want to hide (display: none) the logo from these pages:

Page: id 3445
Category: id 2345
Post: id 7456

Which css to use?
TY

Calin
tagDiv Staff

Hi,

You have set a max-width 8,3%
https://www.screencast.com/t/aaSPnvuO2tv
Please check if you set some custom css on the page set for checkout page

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

Please add this custom css in Newspaper >Theme panel>Custom code>Custom css
.td-main-page-wrap {
padding-top: 0px;
}

tagDiv Composer tutorial -> https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thank you.

Calin
tagDiv Staff

Hi,

In order to do that you ned to add a custom css like in Newspaper>theme panel> Custom code> Custom css
https://www.screencast.com/t/ovnToh6n6Dxo
.td-fast-news .td-header-wrap .td-header-menu-wrap-full, .td-fast-news .td-header-menu-wrap.td-affix {
background: linear-gradient(to right,red, blue 25%, #8b0081 100%)!important;
}

Also you can change the color and the percent if you want.

Thank you for the understanding.

AG3
Participant
#0

I installed the “Tech News” demo content for the Newspaper theme. The default homepage is the “News” page with a layout that has various blocks listed. Some blocks have small headings where the title can be updated to whatever a person wants (i.e. the title of these areas isn’t directly tied to a category although a person can choose to name if after a category if they want).

In this image https://snag.gy/AaC3RQ.jpg we see the word “ANDROIDs” and “DESIGN” with a red and cyan background respectively. Importantly, these colors are NOT the colors chosen for those category tag colors when displayed on a given post page.

My questions simply are:

a) where these unique colors are being set for these small headers?
b) how can I change these colors within the theme settings without having to use custom CSS

Thank you,

AG3

Calin
tagDiv Staff

Hi,

Sorry was may mistake, there are not the same plugins, but be notice that this plugin is not tested with your theme ( here is the list of plugin that are tested https://www.screencast.com/t/2bL9Uga4Wf6C ).

Please read this topic: https://buddypress.org/support/topic/how-to-disable-bp-legacy-css/

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

This problem appear because you have set a button in the menu.

If this is what you desire https://www.screencast.com/t/aCPa9UykJFmJ then please insert this custom css in Newspaper>Theme panel> Costume Code> Custom css
@media only screen and (max-width: 1018px) {
.menu-menu-principal-container li a{
font-size: 12px!Important;
padding-top: 7px;
}
#menu-menu-principal-1 .tdm-btn-md {
font-size: 16px!Important;
}
}

Thank you for your understanding.

  • This reply was modified 7 years by Calin.
Catalin
tagDiv Staff

Hello cleciomayrink,

The theme does not have any such an option for this, sorry! If you want to change the font for those sections you need to use a bit of CSS code. If you need more assistance, in this case, provide your website URL so I will be able to provide a more accurate response.

Thanks for your understanding!

Calin
tagDiv Staff

Hi,

Please be notice that all style.css files are very important, there are set all styles for the page ( layout, colors, margin, border, fonts … ).
Also please be notice that in order to make change in theme files you need some developer skills, with out this skills you can damage the theme files.

Thank you for your understanding.

finester11
Participant
#0

So, on http://www.Staging1.TheMultimediaNinja.com I am adding custom CSS in the theme panel (which I will likely end up collecting in a child theme later), and I see that certain colors, for example, are styled upstream(?) by themes > newspaper > style.css and/or (in this case) themes > newspaper > includes > demos > travel > style.css …

Exactly what CSS files (and how many) are acting on my site? And in what order? And can I somehow remove the dependency on demos > travel > style.css but incorporate the stylings into my custom CSS?

I prefer to modify fonts, colors and styling in a single CSS area (such as the Custom Code area or a child theme style.css) as opposed to using the theme panel switches (especially so with fonts).

Thanks!

Bradford

Calin
tagDiv Staff

Hi,

For the first problem please put this custom css in Newspaper>Theme panel>Custom code> Custom css
.td-module-meta-info .td-module-comments a{
background-color: #da1c5c;
}
.td-module-meta-info .td-module-comments a:after {
border-color: #da1c5c transparent transparent transparent;
}

See results: https://www.screencast.com/t/2wDcRaJUw

For the second question:
https://www.screencast.com/t/bPo8QUxKB

Thank you.

Viewing 25 results - 12,376 through 12,400 (of 33,436 total)