Search Results for 'css'

Hi,

From what I can see there is custom CSS that stretches the composer rows, this should not be done – https://prnt.sc/pqlgyf
As a result the images will be stretched as well.

If you want a wider layout please consider using cloud templates. They can be used for categories, tags etc
– https://cloud.tagdiv.com/#/load/Category
– https://cloud.tagdiv.com/#/load/Tag
These templates are created with the composer, meaning there will be access to row width settings – https://prnt.sc/pqli96

In stretched rows we recommend to use flex blocks and loop elements for better and more quality results – https://cloud.tagdiv.com/#/load/Blocks
If you need help or you have more questions let us know.

Thanks

Hi,

@Maggo If you would like us to take a look, please let us know. Mention some more details about it, and post a link to where we can see the problem.

@Decentralbox That should have been possible to solve with CSS, if you should activate the mobile theme again in the future, we could give this another try.

Thanks

Hi,

I see the problem. That vertical line is added by the Lifestyle demo currently installed in the website. It is a design item used for the next/prev pagination, specific to this demo – https://demo.tagdiv.com/newspaper_lifestyle/ -> https://prnt.sc/pqj6ul

The quickest solution is to hide that line – https://prnt.sc/pqj7dm
Enter this code in the theme panel custom CSS section

.td-lifestyle .td-next-prev-wrap .td-ajax-next-page:after {
display: none;
}

Let us know if you have more questions.

Thanks

Hi,

If you have hidden it on all devices then it won’t appear anywhere. Open the CSS section in the composer and enter this code in it – https://prnt.sc/pqi1z7 the row should then be visible so you can interact with it. Then you can remove the code, after you make it visible on at least one viewport

.td-pb-row.vc_row {
display:block!important;
}

Thanks

Hi,

So something like this? – https://prnt.sc/pqhrpp This code should do it

.tdb_header_menu .tdb-menu > li {
float: none;
display: inline;
}

It can be entered in the theme panel custom CSS section. I can modify it if needed.

Thanks

Hi,

That is the background color from the header zone, in order to change it you’ll need to edit the header, click on header menu -> http://prntscr.com/pq22e3 and check the css tab -> http://prntscr.com/pq22m7 -> http://prntscr.com/pq232b

Hope this will help you!
Thank you!

Hi,

This can be achieve in two ways:
1. Using the mobile theme plugin -> https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/
2. Using a custom css -> http://prntscr.com/pq1tzh
.td-main-sidebar{
display: none!important;
}

Thank you!

Hello,

Unfortunately on category page you can change the background color only with custom css -> http://prntscr.com/pq1kyz, if there is still a problem, please provide me a link where I can check your categories.
.td-subcategory-header .td-category a{
background-color: #f22;
color: #fff;
}
.td_category_template_1 .td-category-header .entry-title span {
background-color: #2f2;
}
The code need to be set in Theme panel> Custom code> Custom css

Thank you!

Hello,

If you want top remove all those from all blocks then you can use the options from theme panel -> http://prntscr.com/ppo02o ->https://forum.tagdiv.com/meta-info-modules-blocks/ or if you want to apply only on block 5 then you can use a custom css like this one -> http://prntscr.com/ppo1j1
.td_block_5 .td-module-meta-info{
display: none;
}
The code need to be set in theme panel> Custom code> Custom css

Hope this will help you!
Thank you!

Hello !

That can be achieved using tagDiv Composer on a page. You can use the Price element found in the composer as you can see it here: https://www.screencast.com/t/bd0Ki72uJ10

Also please note that from what Ive seen that page uses some custom css too.

Thank you !

Hi,

Unfortunately the header style will apply for all devices, you can set different styles on blocks only if you are using custom css

Thank you for your understanding!

Hi,

1. You can use the mobile theme plugin in this way you can have a different content and layout, or you can use the responsive version and flex blocks, these can be set with different layout on each device -> http://prntscr.com/opf5vx -> http://prntscr.com/opf6lf

2. So you can use the banner and set a link on theme like in our example from here -> https://forum.tagdiv.com/using-other-ads-non-adsense-ads/ -> http://prntscr.com/pp2hra

3. The sidebars can be add in two ways, one using widgets -> http://prntscr.com/pp2cad or on pages/templates using tagDiv Composer.

4. You can use this custom css to change the description category color -> http://prntscr.com/pp27gx also you can change that text from category like this -> http://prntscr.com/pp29k3 -> http://prntscr.com/pp29k3

5.You can use a licence key for one single product. According to Envato license terms a theme can be used for a single end product (website)
– https://themeforest.net/licenses/standard
– https://themeforest.net/licenses/terms/regular
You can finde the code using our guide for theme activation ->http://prntscr.com/pp2324 -> https://tagdiv.com/how-to-activate-the-newspaper-theme/

Thank you!

Hello,

You can check this custom css to set the bottom space only on posts for h5 -> http://prntscr.com/pp1n6k
.single h5{
margin-bottom: 21px;
}
You can adjust the number of px after your needs.
Also the code need to be set in Theme Panel> Custom code> Custom css.

Hope this will help you!
Thanks.

Hello !

That can be adjusted using CSS code. Please provide a link to your website and we will take a look.

Thank you !