Search Results for 'css'

Results from the Forum
Calin
tagDiv Staff

Hi,

First you need to open the flex block 2 with td Composer, go to style ( https://www.screencast.com/t/Xteq6rJ5s2l8 ) and look for “Article title text hover” and the other text you have on the flex block 2 ( https://www.screencast.com/t/YVqfRMBOA ), set it on white ( or any color you like ) .

Aftel you do all that please add the blow custom css in Newspaper>Them panel>Custom code>Custom css
.td_module_flex_2 .td-module-meta-info *:hover{
color: red!important;
}

Hope this will help you.

Thank you.

Viju
tagDiv Member

Missing file in the child theme: font-newspaper.css

and here are 3 errors (404) with details: Download zip file

Thank you.

Calin
tagDiv Staff

Hi,

In order to put ads in AMP you need to go in Newspaper>Theme panel>AMP expand ads, change from ad type “custom banner” with “google adsense” https://www.screencast.com/t/CoKwyeot

The logo and search are set responsive ( you can change the location only with custom css)
I think you want to set center the Title of each posts and the breadcrumbs in each post for AMP ( if that you want https://www.screencast.com/t/H1nCvHFqLo ).

.amp-mode-mouse .td-post-header, .amp-mode-mouse .td-crumb-container{
text-align: center;
}

The above code is a bit of CSS code to change the AMP style page, please edit here -> https://www.screencast.com/t/vIUHFAbD6uRH There’s no option for custom CSS code for AMP version, sorry! You need to follow the above advice if you want to customize your AMP version.

Hope this helps!

Thanks for your understanding!

jewelanh
tagDiv Member

I found it, it’s in the css section

Amit
Participant
#0

Hi,
Please tell me the most compatible mega menu plugin for Newspaper,
that does not breaks theme’s CSS and works seamlessly with Newspaper

thanks

finester11
Participant
#0

What CSS can I add to prevent the Title from turning red when hovering over the main Flex Block 2 image? I only want the Title to change color when hovering over the title text itself, or the meta info area, including the title. (Although it’s fine, even preferred, to have the cursor continue to change to the finger when hovering over the image.)

https://www.staging1.themultimedianinja.com/

Thanks!

Simion C.
tagDiv Staff

You could try something like this. First set a class to that single image element. Use “myclass” for example.
Then enter a code like this in the custom CSS section

html[class*=ie] .myclass {
margin-top:0!important;
}

It should apply only for IE browsers and remove that margin, with this result
http://prntscr.com/l90ko9
If you use a different class name, modify it in the code as well. Please check if this suggestion works.

Calin
tagDiv Staff

Hi,

Yes this is possible, please add this custom css in NEwspaper>Theme panel>Custom code> Custom css
.td-ps-dark-bg .td-social-network .td-social-but-icon, .td-ps-dark-bg .td-social-network .td-social-but-text {
background-color: lightblue;
}

See results: https://www.screencast.com/t/8otemkpM

If the custom css is not working for you, please provide a link to your website and I will give you the proper custom css.

Thank you.

bemibel
tagDiv Member

Yes, is set with tagdiv composer in CSS tab.

The top margin of the row is: -160px (this way, the background image of the row is also behind the menu)

The top margin of the lead magnet is: 200px

The top margin of the image of myself is: 112px

So, there is any solution? There should be a way that Edge and Firefox apply properly the css like chrome do.

Thank you!

Simion C.
tagDiv Staff

In my case with header style 3 and some modifications to the code, the results are like this
https://www.screencast.com/t/5FXJuAZHiDkl
But they may be different for you. Try to change the values in the code and experiment with it
https://pastebin.com/2wUj0qJB
Use the theme live CSS for example to test the results live, while you modify the code
https://www.screencast.com/t/DSSzgYLUtgCL

Simion C.
tagDiv Staff

Hi,

Seems to be an issue with a margin set for that single image. While Chrome for example sets the margin from the top of the page
http://prntscr.com/l8yh6z
On IE the margin is set from below the header – http://prntscr.com/l8yhom
Could be that some CSS is not applying properly in IE/Edge. Is that margin set in the composer, CSS tab?

Thanks

DaveS
tagDiv Member

Thanks Simion! It actually works this way. The thing is – always when opening a woocommerce category page or going to the next page, it flashes initially the default 2 products/row, and then shows only one, bigger product image, according to the new css added for phones. It’s not quite the optimal solution for the case. Is there a way to change the number of products per page for phones?

Having in mind that I already have this in functions.php:

function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 15;
return $cols;
}

// Change number or products per row to 3
add_filter(‘loop_shop_columns’, ‘loop_columns’);
if (!function_exists(‘loop_columns’)) {
function loop_columns() {
return 3; // 3 products per row
}
}

Catalin
tagDiv Staff

Hello manuangel,

If you want to sort the Category, you need to use such a plugin with this functionality like Category Order and Taxonomy Terms Order plugin, that should allow you to change the default order of the categories – https://wordpress.org/plugins/taxonomy-terms-order/

Also, if you want to remove the Sub Footer Copy text, you need to use a bit of CSS code to hide it.

div.td-pb-span.td-sub-footer-copy{
display:none;
}

I have inspected your homepage and I saw that your “Ultimi Articoli” comes from the Page Template -> Pagebuilder+Latest Articles+Pagination. So, if you want to remove it, you need to change the page template from here -> https://www.screencast.com/t/sNEj33kRuzdG TO moe any other element from your page, you should use the TD Composer drag and drop functionality. Check here -> https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thanks for your understanding!

Calin
tagDiv Staff

Hi justbradford,

Unfortunately this is possible only with custom css , I think you’ll like something like this: https://www.screencast.com/t/dsH4VdDKwm
Here is the css for above example :
.td-container-wrap{
background-color: red;
}
.tdc-row{
background-color: white;
}

It can be more customized if you like it.

Thank you.

Calin
tagDiv Staff

Hi,

Yes you can , please replace above css with this one:
.home .td-page-header {
display: none;
}

Thank you.

Irreverent Gent
Participant
#0

Hi There,

Is there any CSS code I can use to make my author name run beside my avatar, rather than below it? Here’s how it appears now on my site:

https://www.irreverentgent.com/how-to-start-working-out-for-men/

And here’s an example of how I’d like it to look:

https://www.theatlantic.com/magazine/archive/2018/11/the-case-for-liberal-republicanism/570790/

Thanks!

Patrick93
Participant
#0

is there any way to speed up the custom css? its a bit stupid to see in fraction of a second the normal wordpress styling before switch to custom style.

for example: buttons
the buttons have the normal wordpress styling and only after 1 second, after pageloading, my custom css will load.

Ken0929
Participant
#0

Hi, I would like to add horizontal scroll for Flex block1(or something) on mobile device, just like Big Grid1.
I think I need to add some CSS for it. Could you give some advice?

Also, I would like to do the same thing for ROW element.
If you have 3 images horizontally in a ROW, You can see 3 images vertically on mobile.
But I would like to see horizontally with a scroll.

Thank you.

georgios
Participant
#0

I have change it and i cant show date and time in main page. Can i put a code in css to show date again in block_4 in main page?

Edward
tagDiv Member

Newspaper > Theme panel > Custom code > Custom css

malangtoday
tagDiv Member

where is a adding custom css to affected my website?

Vlad111
Participant
#0

Hi. I’ve found that for some reason Newspaper is adding this code in the bottom of the main page and posts:
<header>
Edit with Live CSS
<div class=”tdw-less-info” title=”This will be red when errors are detected in your CSS and LESS”></div>
</header>
Search engines are showing it as a “snippet” of the page. It’s annoying. How can I get rid of it?
Thank you.

finester11
tagDiv Member

So is there no other way to modify (CSS, etc.) so that you can have full width grid with a specified background color?

Viewing 25 results - 12,451 through 12,475 (of 33,436 total)