Search Results for 'css'

So you want to color the post titles for those widgets. That could be done with some CSS, I will help you.
Provide a link to where the sidebar is located, mention what exactly you want changed and how. Also mention if this should be specific for that sidebar or in general maybe.

Hi,

That is not possible by a theme option. Each demo contains custom design created by us, each is unique. This design along with theme panel settings will be imported as soon as the demo is installed
– https://forum.tagdiv.com/demos_introduction/
– https://forum.tagdiv.com/installing-demos/

That block 5 has custom design for it, only in that demo. By default it looks like this
– https://demo.tagdiv.com/newspaper/block-5/

However you could use the design for that block without installing the demo if you don’t want to. This is the code used to style the block like that
– http://prntscr.com/jztqes

This code can be entered in Theme panel->Custom CSS section, it will affect all the block
5 unless made more specific

.td_block_5 .td_module_3 {
padding-bottom: 16px;
}
.td_block_5 .td_module_3 .td-module-image .td-post-category {
background-color: transparent;
position: relative;
color: #ff036e;
margin-right: 0;
padding: 0 0 8px 0;
}

The font properties of the category tag can be modified in general, same for post titles
– https://www.screencast.com/t/m4HkdGauY37
Or per block – https://www.screencast.com/t/WjFDogad

The color you can change in the code if needed. Let me know if you have more questions.

Thanks

Hi,

You could hide it on mobile, like this
– https://www.screencast.com/t/4bQTLFrzcRt7
– https://www.screencast.com/t/KnaMUficAmHx
Most elements can be hidden per device (rows, columns, elements).

You could also use the CSS tab while selecting phones in the viewport
– https://www.screencast.com/t/pPqamoi5Hkaj
Maybe these suggestions are helpful.

Thanks

Hi,

Enable it and then hide the view count if you don’t want it to be visible, with that code. The counting process will still work in the background, the icon will simply not be visible.

That code should work, enter it in the theme panel custom CSS code and if it does not work, provide a link to a post and I will take a look.

The link color by default is the theme accent color. You can change the link color by changing the theme accent color, or color them as I showed above, or with a CSS code if those settings are not sufficient.

I believe in a previous topic this code was provided to you
– https://www.screencast.com/t/snYhRAEYX0J7
That code worked for the HTML you have in that page content, which is like this
– https://www.screencast.com/t/eQM62QUCmLs

Where exactly do you want to change the color of the links? If it is a post, then that code will not work, it is meant for page contents.

I see the links have a color at the moment, in a post on your website
– https://www.screencast.com/t/a1h7nEqAD
Also in the blog page – https://www.screencast.com/t/YkJaryMFUf8x

Hello,

It seems amp has a css limit. you have too much css on your post:
https://productforums.google.com/forum/#!topic/webmasters/1ZsuLpTz6lY
https://groups.google.com/forum/#!topic/amphtml-discuss/BfAuEzt-RjQ

Thank you!

You could go the CSS way to do that – http://prntscr.com/jziw6i
That would be the easiest instead of code modifications which may also not be possible

.td_category_template_8 .backstretch img {
max-width: 1164px!important;
}

The title could be remove only for that page with CSS, by using the page ID. For example on a test page
– https://www.screencast.com/t/KaWd6Q2m

.page-id-XXX .td-page-header .td-page-title {
display: none;
}

Hi,

1. That website seems to use a svg logo, this one to be more exact
– https://d5c0iea6jarb7.cloudfront.net/images/hypebeast2018/hypebeast-logo.svg?w7h421lv
From what I can find online there are differences between image quality when using svg as logo. Some topics I found here
– https://www.externaldesign.com/using-svg-graphics-in-wordpress/
– https://elfsight.com/blog/2017/05/svg-png-jpeg-choose-the-image-format-for-your-website/
– https://bjornjohansen.no/svg-in-wordpress

2. There is no unnecessary vertical space added, the header will be the height of the logo plus some padding
– https://www.screencast.com/t/Rs7neHZpg
So the height of the header will be the height of the logo and some padding. Changing the line height of the main menu may affect the total height of the header
– https://www.screencast.com/t/2MxDUFDm67

3. If you want to use that code be sure to enter it in the Theme panel advanced CSS desktop section, modification made to headers may not look best across all devices, so multiple codes would have to be made by viewport, or a more optimized version then that example if possible.
It is best and also recommended to try and use header styles as they are.

Thanks

Hi,

That code works properly, I tested it as well.
Without code – https://www.screencast.com/t/HU6wJ5s706
With code added – https://www.screencast.com/t/har5K9wl
Hiding the post views with CSS will allow the popular posts sorting to work, the views will still be counted. Enter the cod, enable the ajax view count and then clear the cache as specified
– https://forum.tagdiv.com/ajax-view-count/

Thanks

Hi,

You could first take a look at the theme requirements guide
– https://forum.tagdiv.com/requirements-for-newspaper/
Insufficient resources can cause many problems.

Also try entering the code in the theme panel custom CSS section, check if that works. Or you could do that in the tagDiv composer. Set a negative margin top for the row containing the grid
– https://www.screencast.com/t/APfISctkH

Thanks