Search Results for 'css'

Results from the Forum
Erythros
Participant
#0

Hello,

This is how our current menu looks like. I would like to use 2 different colors. I marked a zone which I would like to set a color (let’s say green) and pink the right side.

I am fine with doing some custom coding, but I couldn’t figure any way of doing this on my own. Would it be possible to get some CSS suggestions. If this requires a structure in the HTML structure, is it possible to do it in the child-theme?

There is the website, should it be required for inspection.

Thanks!

oilwire
tagDiv Member

Hello Catalin,

I think the Custom CSS boxes to put code cannot be edited. Its locked. All of the input boxes on the page are locked for editing. Only box which is active and can be typed into is CUSTOM BODY CLASS(S) and it has td-magazine written inside the box.

Can you please advise.

simchris
tagDiv Member

Funny — somebody else asked me about this the other day.

I think the trick — have not yet tried this —

a) generate critical CSS for post, critical CSS for home

b) combine into one CSS file

c) run CSS minifier to remove duplication

d) end up with one CSS block; adds some extra stuff to posts, but then you don’t get flash of unstyled text on home page, most notably for the slider (noticed this on one of our sites the other day … actually….).

Seems safest way to do that, but have not actually done it for Newsmag 3.1 just yet.

Pondering having two headers
a) for home/categories
b) for posts

but then that adds another if/then query to every page, which is bad for posts, where speed of posts is more critical than speed of cat/tag/archive pages.

So, combining then de-duping through minification seems logical solution.

Sorry for those of you just tuning in, probably waaaaay over your head — but hope this helps those who are already testing out critical CSS inclusion and moving style sheets to footer methods.

OH – one other issue we ran into is that with only doing the post critical CSS, it actually breaks the links on the grid images on the category indexes due to an apparent conflict with the little zoom effect on hover.

So, looks like the combining/minification is best solution. Doh. More on my to do list, darn it!!! 🙂

orlando
tagDiv Member

Hi Chris,

how do I use CSS above the fold in the header.php but for home, post, category, etc. ..??

thanks for your suggestions

kiev_walking
Participant
#0

Hi, a have style problem with woocommerce widget in theme.
Buttons in cart widget looks good when i’m in shop, but when i serf on site (it’s another sidebar, newspaper default) – buttons in cart widget looks bad…
Screen: http://i67.tinypic.com/nv85mt.jpg
What can you advice? I think proble in CSS file, but where and what…
P.S. I disable all plugins(left just VC and Woocommerce) – nothing change. Make fresh install at all – nothing change.

LinkAntonDE
Participant
#0

Hallo all,

I would like to know the function of this css and what would happen if i delete it?
wp-content/themes/Newspaper/includes/demos/tech/demo_style.css?ver=7.7

Of course it is not a big csss, but in order to reduce the http requests every piece counts 🙂

Thank you in advance.

Regards,
Christian

CreepyRavioli
tagDiv Member

To this day i have to re-add this css after every update. Make it core, this theme will always use visual composer.

gpm79
Participant
#0

Hello, I want to change the CSS style of the single post pager that appear with <! – nextpage ->, but I want to keep the pager style of the home.
How can I do?

aberniz
tagDiv Member

Hi, is there any CSS (or any option) for removing completelly the up arrow including the box?

I used this but it only removes the icon, I need to remove also the square box:
.td-icon-menu-up:before {
display: none;
}

gorg73
Participant
#0

Is this Custom CSS addition correct?

.td-container {
width: 1200px!important;
}

But problem is with top grid post preview at this case which has still origin witdh.
Any recommendation how to achieve custom site width easily?

Thanks
D.

Bogdan B.
tagDiv Staff

In order to load a custom font you either have to use it on another element of your site already or if not, you need to load it with css like so:
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}

Then you can use the code I provided above and change the font name from verdana to the one you want

3. I’m not sure what does not work. The size or the family for products?

Simion C.
tagDiv Staff

Hi,

You could change the block title font properties on a specific block using css like in this example – https://www.screencast.com/t/CgTh0GJDi4O5https://www.screencast.com/t/VKaAfb1KO Or you could remove the title from the block and like in this example, add a raw html element above it in Visual composer – https://www.screencast.com/t/7L7H4PKTpmJhttps://www.screencast.com/t/Ayk5wZ4jj and using html recreate the title using a h1 tag and properties from a basic block title adapted to a h1 tag – https://www.screencast.com/t/0sw5RCGHo with this result – https://www.screencast.com/t/Fm5fOYvwYF

Thanks

Catalin
tagDiv Staff

Hello Rony123456,

It seems that your shortcode is not good. try the code below and place it in the core files. The code is ->
<?php echo do_shortcode ('[td_block_ad_box spot_id="custom_ad_1" tdc_css=""]'); ?>
The result is here-> https://www.screencast.com/t/sT9WlnBla4d

Hope this helps and let us know how it goes!

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

1. You can use a css fix for it. Add this coed in the theme panel-> custom css box.
.td_mega_menu_sub_cats .cur-sub-cat, .td_mod_mega_menu:hover .entry-title a{
color:black!important;
}

2. Unfortunately the theme uses a sj script to hide categories under the dropdown when the screen size gets narrower. There is no simple way to prevent this functionality

3. In order to remove the image on desktop, please add this code in the custom css box:
@media (max-width:767px){
.td-footer-wrapper::before{
background-image:none!important
}}

Bogdan B.
tagDiv Staff

Hello,

Here are a few guides you should follow in order to properly implement ssl on your saite
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks.

oilwire
tagDiv Member

Catalin,

Merci mult. I will also check with them. Maybe I also wanted to suggest that you can invite some of the users to test the theme with the plugins – and maybe create a list or sticky post on this forum) where people can select which plugins they have used and is working. I am not suggesting all plugins because this will make an impossible task. for example main areas and maybe keep top 3. sometimes, hosting providers block certain plugin because of resources. I feel it improves the usability of the theme for so many people who are new and it help to maintain your theme position as #1. It can also save so much time for your team to answer same questions from new people 🙂

Its a great theme… and I am trying to learn more. You people are doing great work with the theme and maintain this forum also.

SEO
Yoast SEO
All in One SEO

Cache
WP Super Cache
Cache Enabler

CDN
Cloudflare
KeyCDN
Reddis ?

Minifi CSS/JS,
I have tried many options – and none of them are working – they all break the site with FOUC – i think it has to do with forcing the CSS/JS – still trying to figure out.

Image Optimization
WP Smush
TinyPNG
Optimus

Social Media
addThis
Shareholic

Catalin
tagDiv Staff

Hello pcservis,

9)Unfortunately, we do not plan for these improvements in near future updates, sorry!

12)If you want to add a background-color to your Load More button, you should use the code below and place it in Theme panel->Custom CSS area.

.td_ajax_load_more{
background-color:green!important;
}

13)The category template can be handled from Theme panel, according to our documentation here -> https://forum.tagdiv.com/newsmag-category-templates/

14)Provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate response/code.

15)Notice that below the main menu will be displayed the available categories for this posts and also, the sibling category or subcategory.

Thanks for your message!

Catalin
tagDiv Staff

Hello saucemonsters,

If you want to remove this effect you should use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-grid-style-1 .td-module-thumb a:last-child:before{
display:none!important;
}

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

Thanks for the message!

srampia
tagDiv Member

1. Then, any CSS Code solution not to display this description on Woo Commerce product Page?

2. The given solution to type css code, did not give the desired result.
Temporally, I have disabled site protection plugin.
I want to to use a custom added font named- Meera Font. Would you please inspect the problem?

3. Also there is another problem for Woo-commerce Product titles. Font size remains unchanged for default font size and changed font size. https://www.screencast.com/t/qXUiwfKQ7 https://www.screencast.com/t/s6ABh9fdVna8 (Font family changes, but not font size)

Thanks for your support.

Simion C.
tagDiv Staff

Hi,

From what I can tell the font settings come from a different place then the theme’s csshttps://www.screencast.com/t/KDdC2pzd6Zb and in the case of the h1 heading is set to a value in points – https://www.screencast.com/t/mXTbechYE overwriting the same settings. Most likely a plugin or conflict between plugins is causing this, I suggest as a test to disable all your plugins except Visual composer, make the changes you want to the post content headings font in the theme panel – https://www.screencast.com/t/cHOyPlx7 then clear your cache (very important) and also purge cdn files if you use it. Please try to follow all these steps because they will more likely fix this issue.

Thanks

Bogdan B.
tagDiv Staff

Unfortunately the facebook comments description comes as a simple h3 title with no extra class for me top provide a css for. If you change the h3 tag font it will also affect the facebook comments.
Sorry but there is no css I can provide as there is no class to tie into.

As for the woocommenrce font use this code: Unfortunately die to your site protection plugin I cannot copy and paste the code from the widget: https://www.screencast.com/t/YtWTajIL you will have to type it in.

Thank you!

Simion C.
tagDiv Staff

Hi,

From what I can tell you have only a background color set on the header menu on mobile devices – https://www.screencast.com/t/7RrtteGgZ7Q8 so if you want to have that background image on mobile you must set it there – https://www.screencast.com/t/7kuCIvrz Unfortunately there is a delay between the application of the custom style changes, you could try to enter these customizations directly in the theme’s css file to reduce or even remove it.

Thanks

Catalin
tagDiv Staff

Hello zorlumz,

I have checked your website and your related posts from your post page do not come from our theme, as you can see here -> https://www.screencast.com/t/Iqpdvhe6v Most likely you are using a plugin with this functionality for this feature. If you want to get rid of this functionality, you will need to simply disable the plugin. As a quick solution, you can use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.jp-relatedposts{
display:none!important;
}

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

Thanks for your understanding!

jpmuldoon
tagDiv Member

I don’t know if this is the correct place to ask, but here goes. PageSpeed recommends I eliminate render-blocking JavaScript and CSS (10 files in all).
Where is the best place to do that?

ioannisioannou
Participant
#0

Hello please check out the following dropbox url for a problem that exists on spacing between the main header menu and the main content. I did not touch anything i have just used the Beauty Blog theme and then i changed then i changed the header style to 10. I know programming i can touch the css if i have to…waiting your response thank you.

https://www.dropbox.com/s/bieoo6q6uw5iug4/download1.jpeg?dl=0

Viewing 25 results - 18,926 through 18,950 (of 33,436 total)