Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hello,

Please keep in mind that the <center> tag is not supported in HTML5. Use CSS instead. Check here -> https://www.w3schools.com/tags/tag_center.asp
You should provide your website URL so I can take a closer look at it.

Thanks.

Catalin
tagDiv Staff

Hello wdziedzic,

For Big Grid 8, please add the below custom CSS code in the Theme panel.

.td_block_big_grid_8 .td-post-date {
display:none;
}
.td_block_big_grid_8 .td-post-author-name span{
display:none;
}

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

Thanks for your understanding!

Simion C.
tagDiv Staff

You could hide it with some CSS, enter a code like this in the Advanced CSS code phones section

.td_flex_block_3 .td-next-prev-wrap {
display: none;
}

Calin
tagDiv Staff

Hi,
First make sure that your you set the correct size
https://www.screencast.com/t/9rflt7ZgBsI
save the cahnge you made
https://www.screencast.com/t/XqJcJVaMz0cx

See the results: https://www.screencast.com/t/Jhcy7LmAGu9R

If this don’t work, then please add the below css in Newspaper> Theme panel> Custom code> Custom css:

.td-footer-logo amp-img{
      width: 272px;
      height: 90px;
}

Thanks.

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

Hello akshem,

Unfortunately, please notice that plugin has not been tested with our theme and we cannot say for sure if it will work or not as expected with the theme, sorry!

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

.wpb_d_deal-name h2 {
max-height: none;
}

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

Thanks for the message!

entheodora
tagDiv Member

Hi Calin,

Thank you for the tip. I have set up to hidden all home page content for mobile CSS. On the bottom of the home page I have created another flex block, with desired articles for mobile, which are set “show” only for mobile. Of course this new flex block is not visible in the desktop. In this way I have two separate layouts for desktop and mobile in the same page. Basically you can set up anything you want from desired articles to widgets or add’s. Is very important to set up correctly “show” or “hide” for every layout.
My question is: this method will affect in somehow the page performance, loading speed or SEO?

Thank you

Calin
tagDiv Staff

Hi,

If this ( https://www.screencast.com/t/vesHQGfI ) is what you want, than copy the below css and paste it in Newspaper> Theme panel> Custom code > Custom css

@media (max-width: 1256px) {
.backstretch img{
width: 100%;
}
}
@media (max-width: 1140px) {
.backstretch img{
width: 100%;
height: 80%;
}
}

You can edit the code if you like, is just an example with what you need to do.
Hope this will help you.

Thanks.

Calin
tagDiv Staff

Hi,

If this ( https://www.screencast.com/t/wOiGEeSbVdAN ) is what you want, than please paste the below css in Newspaper>Theme panel> Custom code > Custom css.

.td_smart_list_6 .td-sml-current-item-title{
text-align: center;
}

Thanks.

TerrenceLP
tagDiv Member

//used to pull fonts from google
$td_fonts_css_files = ‘://fonts.googleapis.com/css?family=’ . td_fonts::get_google_fonts_names($unique_google_fonts_ids) . td_fonts::get_google_fonts_subset_query();

How do we load these Default Fonts locally ?

Please make a Default font option for the entire site so I don’t have to – beta.sdc.com

McDohl
tagDiv Member

Hello

I don’t use that smart list template, I use this template on my cloud template:

https://demo.tagdiv.com/newspaper/whitewater-rafting-day-trip-new-york-east/

I want the heading title in the middle, because I use short heading title.

It is possible to use custom CSS?

Catalin
tagDiv Staff

Hello ghostmi,

If you want to affect the mobile version of the theme you should use the @media queries with your custom CSS code.
Check the documentation from here -> https://www.w3schools.com/cssref/css3_pr_mediaquery.asp This task involves doing such additional customizations and we cannot provide something like this at the moment, sorry!

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

Most demos contain custom design, in this case the fitness demo ads a predefined color to the header menu among others
https://forum.tagdiv.com/topic/links-color-over/

You could remove that demo customization from the demo stylesheet as mentioned in the topic.
Or use some CSS in the theme panel to override it – https://pastebin.com/cJijjEqA
The color will be the one you use in the code – https://www.screencast.com/t/mZlzfE7FZT

Thanks

chadsrl
tagDiv Member

It does! Cause I wrote that custom CSS here: https://prnt.sc/l68bix

I just wondered if there was a proper way to get ride of the white space of Trending Now when you disable it for mobile displays???

Also don’t you think thats a design fix to do on next update?

McDohl
tagDiv Member

Hello

That my localhost. Before I make a post on my website, I want heading title on smart list 6 in the middle, it is possible to use custom CSS?

Catalin
tagDiv Staff

Hello srikanth,

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

.td-scroll-up-visible{
display:none;
}

Thanks for your understanding!

Catalin
tagDiv Staff

Hello ghostmi,

If you want to affect the responsive style of the theme, notice that you should edit the style.css core file because there you will find all the code which is applied to our theme for each element. Check here -> https://www.screencast.com/t/XTRSyfcr

Thanks for your understanding!

Smanchi
Participant
#0

Hello, again long time no see, after many updates and stuff… I cant solve this puzzle with new flex blocks…

Oww site: https://sonsoz.com.tr

I need help, I still want to manage
1- Pagination between title and fiter categories…
2- For flex_block_3 and td_block_1

I already moved pagination over title


            // block title wrap
            $buffy .= '<div class="td-block-title-wrap">';
                $buffy .= $this->get_block_pagination(); //get the ajax pagination for this block
                $buffy .= $this->get_block_title(); //get the block title
                $buffy .= $this->get_pull_down_filter(); //get the sub category filter for this block
            $buffy .= '</div>';

Help me with CSS pls…
Can you pls help me?

Calin
tagDiv Staff

Hi,

To hide the element from first column click on it, select the css set on mobile ( https://www.screencast.com/t/3054Wg9J ), and scroll down to Display and set to hidden https://www.screencast.com/t/guDd8YzS save and view.

Thanks.

djovanov
tagDiv Member

Thanks you but i’ve tried with this css code but it does not work on mobile device.

Regards

Calin
tagDiv Staff

Hi,

In order to show the top bar menu on mobile terminal please add this custom css in Newspaper>Theme panel>Custom code > Custom css

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

https://www.screencast.com/t/93rdYiiLJb

Thank you.

Simion C.
tagDiv Staff

It would be with some CSS, something like this – https://www.screencast.com/t/Oka1VqzYkE

.category .td-pulldown-filter-list li:not(:nth-child(5)) {
display: none;
}

Calin
tagDiv Staff

Hi,

Please replace the above custom css with this one:
.full_width_button{
width: 100%;
}
.full_width_button button{
width: 100%;
}
.full_width_button a{
width: 100%;
}

Hope this will help you.
Thanks.

Catalin
tagDiv Staff

Hello tomisaputra,

Please check all color settings from Theme panel because it’s possible to have the white color somewhere which have this behavior.

As a quick fix, you should add the above code to your Theme panel -> Custom CSS area.

.td_module_wrap:hover .entry-title a{
color:black;
}

Thanks for your understanding!

Calin
tagDiv Staff

Hi,

Please insert this css in Newspaper >Theme panel > Custom code> Custom css

#td-outer-wrap { 
  overflow: visible !important; 
}

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

Thanks.

Simion C.
tagDiv Staff

Hi,

Just as I thought, the art creek demo has a color defined in it’s custom design for the menu when sticky
https://www.screencast.com/t/UHO4P636G
So the theme panel setting does not apply. Please enter this code in Theme panel->Custom code->CSS section

.td-art-creek .td-header-style-10 .td-affix.td-header-menu-wrap {
background-color: #222222;
}

It will change the color of the sticky menu to the one you want
https://www.screencast.com/t/rNFgpi9z9J

Thanks

Viewing 25 results - 12,551 through 12,575 (of 33,436 total)