Search Results for 'css'

Okay, after checking the CSS (should have that done earlier…) it got weirder: The viewport symbol is there but jumped into the “next row”, where it became invisible. For some reason, Safari shows the backend of the main site somehow smaller – on Chrome everything went well. Sorry for bothering with my own stupidity…

hi Vlad S,
tôi không tìm thấy custom css trong web admin của mình. https://www.screencast.com/t/7PuYGHUE hy vọng bạn sẽ giúp đỡ.
thanks

ARE YOU SERIOUS??? it means that your template is made only for Horizontal images!!!???? With all your “beautiful blocks” there is no one which allows Vertical thumbnails ?However VERTICAL PICTURES is such a BASIC need!! isn’t it????
Your answer does not satisfy me at all, showing me a page full of blocks with horizontal thumbnails is not a good way to answer to my question about VERTICAL thumbnails…..
Actually I’ve just found only one block which allows vertical thumbnails, this is the block 24, but no way to change the size… so I guess I have to change the css stylesheet, so can you tell me the way to do it (for example which class in which page and which file ) ? I paid a lot for you theme, for your assistance, so please make an effort…

“Style particular content element differently – add a class name and refer to it in custom CSS”

Hi Vlad,

If we use TagDiv’s Mobile plugin (https://tagdiv.com/mobile-theme-automatic-optimization-for-mobile-newspaper-theme/) would this allow us to chose a different block setup for mobile?

Alternatively, is there some css we can add to the mobile device “custom css” that would change the block for mobile devices?

Hi Simion,

I have taken what you did and extended the functionality.

When added to a module it displays a list of relevant posts, with one set of ACF custom fields, if the block directory category filter is set to either ‘News’,’Features’ or’Tech’ – or it displays posts, featuring other custom fields, if the block directory category filter is set to ‘Research’ and the relevant posts are tagged with any of ‘aged care’, ‘anxiety/stress’, ‘autism’, ‘cognitive’, ‘Dementia’, “Parkinson’s”, ‘sleep’ or ‘well-being’.

******

<?php

$hb1 = in_category(
array(‘News’,’Features’,’Tech’),
$this->post->ID
);
$hb2 = in_category( array(‘Research’), $this->post->ID );
$hb3 = has_tag(
array( ‘aged care’, ‘anxiety/stress’, ‘autism’, ‘cognitive’, ‘Dementia’, “Parkinson’s”, ‘sleep’ , ‘well-being’ ),
$this->post->ID
);

if ( $hb1 )
{
the_field(‘media_outlet’, $this->post->ID);
the_field(‘media_outlet_url’, $this->post->ID);
the_field(‘published_date’, $this->post->ID);
}
else if ( $hb2 && $hb3 )
{
the_field(‘media_outlet’, $this->post->ID);
the_field(‘published_date’, $this->post->ID);
the_field(‘country’, $this->post->ID);
}
?>

******
I thought it might be worth sharing it with the community (btw, I have spent quite a lot of time today going through the support forum. A code snippet section would be useful).

In the TagDiv block editor I added the Class name “editorial_listing_block and tried to use this to apply different a different font family, font size, font weight and colour to each of the custom fields but it didn’t work. My CCS skills are very limited.

Could you give some advice as to how I achieve my desired CSS styling for the displayed field content?

Many Thanks.

Best

G

Hi Simion,

Obviously I would like to apply formatting to this. Is it better to add a new Div Class to the main CSS style sheet or use the Newspaper custom CSS options?

If the latter could you provide me with an example that formats your Gadget field as an OpenSans font, 600 weight, bold etc?

I am not clear whether I create a new class in the CSS options box or overwrite a class using .TD_module_X {}

Thanks

G

We have now dispatched Admin Login Credentials to your address above, along with a link to this topic.

SUPPLEMENTAL INFO

Please see the following additonal efforts/info from our end:

1. We have deactivated all plug-ins, tested, and confirmed that NO conflicts exists. We observed after disabling plugins, changing the settings (in the Newspaper theme panel) for: Font Size, Line Height, Font Weight for Pull quotes did not have any effect on the rendered text within a Post.

2. If we use custom CSS, then we can change the rendered page display of Pull Quotes. When using custom CSS (placed in the “Custom Code” section of the Newspaper theme panel) the display of the Pull Quotes can be changed. But… The only thing that still won’t change is the font size; no matter what settings or custom CSS we add, the font still renders as “font-size: 16px”.

We noticed the Pull Quotes were all uppercase (screaming at readers), so I added the code below (to custom CSS), resulting in no more yelling / shouting at people:

text-transform: none !important;
I observed in the rendered text within a Post, when using a developer tool in the web browser, there is a directive as noted below:

element {
font-size: 12pt;
}
It is noted as being injected by the theme as inline. When we edit that value to some other number than 12pt, the size of the Pull Quote font changes. This is something that would require an edit of the theme file to change, and the change would be lost during the next update.

The complete code for the added custom CSS is now:

/* Start – Fix Pull Quote text styling issue */
.td_pull_quote p {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 20px !important;
font-style: italic !important;
text-transform: none !important;
}
/* End – Fix Pull Quote text styling issue */
Maybe there is some other setting we’re not aware of? Maybe there is a different CSS directive we should edit?