Search Results for 'css'

Hi,

In order to be apply that color, please remove this code from Newspaper>theme panel>Custom code>Custom css and those settings will apply
.sf-menu ul .td-menu-item > a {
color: black!important;
}
This will be the results -> https://www.screencast.com/t/lYxMe9YtMkFr

Thank you for your understating!

Hi,

In order to do that you’ll need to use some custom css -> https://www.screencast.com/t/cVOzAjY4
Set the code in Newspaper>Theme panel>Custom code>Custom css
.td-post-content .su-box ul li::before {
content: "\2022";
color: orange;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}

Hope this will help you!
Thanks.

Hi,

I see the problem, seems to happen only on Safari for some reason. So you just placed the header menu element, did you make any CSS modifications to it or the modules? – http://prntscr.com/mo4bho like width, spacing, padding? Let me know.

Thanks

I think I found out the problem here. This block – http://prntscr.com/mo2rro is hidden on mobile, check it while editing the page with the composer. Click on the block and select the mobile viewport – http://prntscr.com/mo3uzw then in the CSS tab it may be hidden
– http://prntscr.com/mo3vdr
So the block will be hidden on mobile, and the column on the right will take it’s place.

Lower in the page you have a block that is hidden on desktop – http://prntscr.com/mo3wys
This is displayed on mobile. Please check all the blocks in the page in all devices
– http://prntscr.com/mo3xnt
This issue is caused by a combination of hidden blocks. Best to make them all display and redo your settings based on how you want the page to look.

Hi,

In order to set the you’ll need to use a custom css
.wpb_wrapper .tdb_single_bg_featured_image .tdb-featured-image-bg {
background-attachment: fixed;
}
-> https://www.screencast.com/t/0UWaiydO
You’ll need to set the code in Newspaper>theme Panel>Custom code>Custom css

Thank you for your understanding!

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.

Or you can edit the demo file and set there the header color gradient, you need to go in Newspaper>includes>demos>fast>demo_style.css
on line 15
https://www.screencast.com/t/IbKm1xAoc3h
https://www.screencast.com/t/GYqLtetMzTp

Thank you for the understanding.

Hi,

Unfortunately I can’t recommend you a push notification plugin because we did not tested non one of those plugins with our theme, but if you want you can make some tests yourself, here is a list of push plugins -> https://wpfixit.com/wordpress-push-notification/

As for “Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading” please check this ->https://wordpress.org/support/topic/ensure-text-remains-visible-during-webfont-load/

Thank you for your understanding!

Hello,

You will have to style the default block quote to look like, You can add this code in the theme panel under custom css:

blockquote { margin: 0 0 29px; background-color: #FCFCFC; border-left: 2px solid #4DB2EC; padding: 15px 23px 0 32px; position: relative; top: 6px; } blockquote p { text-align: center; color: #808080; font-family: 'PT Sans',sans-serif !important; font-size: 14px !important; line-height: 21px !important; margin: 0; padding-bottom: 16px; }

Thank you!

Hi,

Here are the set that I made without to set any opacity
-> https://www.screencast.com/t/diE8BZaXN
-> https://www.screencast.com/t/IWJc1auaMF
-> https://www.screencast.com/t/5ilitJEiBGtm
So the content of website will still be there, if you want to have a tarnsparent background you can edit the page/template with TagDiv Composer and set the background color on row to be transparent -> https://www.screencast.com/t/xEratGRasa
or you can set this custom css in Newspaper>theme panel>Custom code>Custom css
-> https://www.screencast.com/t/rLbUiRWQif
.td-container-wrap {
background-color: #ffffffdb;
}

Thank you!

Hi, You can use this custom css to change the font size and line height for all posts on mobile devices:

@media(max-width:767px){
.td-post-header header .entry-title{
font-size:20px!important;
line-height:20px!important
}

Add the code in the theme panel under custom code -? custom css.

Thank you!

Hi,

In order to change the color for trending now, edit the page wit tagDiv Composer click on trending now and go on style
-> https://www.screencast.com/t/IAChd0PyW0
Try to do the same for the others to blocks -> https://www.screencast.com/t/eHOFNHFh1O0w.
If you want to use the css here is the code
-> https://www.screencast.com/t/VZA3QFBP0J
.td-trending-now-title,
.td_block_25 .td-block-title .td-pulldown-size,
.td_block_text_with_title .td-block-title .td-pulldown-size {
color: red;
}

Thanks.

Hi,

@encoreradio How exactly do you want them to display on mobile? Woocommerce will display 2 products on a row in smaller devices. Each product will be 48% and float left
– http://prntscr.com/mnnm23

If you want them one below the other and 100%, you could try this CSS
– http://prntscr.com/mnnmh1

.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}

Enter it in the phones field – http://prntscr.com/mnnmtj

If I misunderstand please let me know.

Thanks

Hi,

You need to create your own custom CSS code for that. Use the Inspector Browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ We do not recommend this task if you are not aware of the steps which are needed to take in this case because the theme’s layout can be easily broken.

Thanks for your understanding!

I tried something simple, like this – http://prntscr.com/mnmtjk
Code used here

<?php the_field('my_field', $this->post->ID); ?>

It works everywhere the module is used – http://prntscr.com/mnmu0t

Regarding the slide, that setting including others were added in update 9.1
– http://prntscr.com/mnmuw5
Using older theme versions these will not be available. I could give you some CSS for it
– http://prntscr.com/mnmwvi

.iosSlider-col-3,
.iosSlider-col-3 .td_module_slide {
max-height: 480px;
}

Hi,

Please try this custom css
-> https://www.screencast.com/t/AiNXLJ9dT
.sf-menu .td-normal-menu ul ul {
margin: 0 0 -15px 0;
}
.menu-main-menu-container> ul >li >ul li:hover > a
{
color:white!important;
}
.menu-main-menu-container ul> li> ul> li> a
{
color: black!important;
}

Thank you!

Hi,

So you want to underline the article titles in flex block 1? You could do that with some CSS by adding a border bottom of a chosen color – http://prntscr.com/mnkig3

This is the code for it, modify it as you want

.td_flex_block_1 .entry-title a{
border-bottom: 5px solid blue;
}

As a note, increase the line height for the flex block article titles to make some space for the border – http://prntscr.com/mnkjrb

Thanks