Search Results for 'css'

Hello @detaylor!

If you mean that sidebar, then this can be modified only from the theme panel -> post settings -> more article box.
But, unfortunately, there are no settings for colors because it is an old layout. You can change the color with some CSS: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!

Hello Alex!

There is a default space below, and you can delete it like this: https://prnt.sc/x_edUgKQGRqI
Additionally, each element, row, or column has a CSS tab where you can add padding, margin, or border. 
I think this “effect” is because of the sticky header that you have. 
Please make sure you have the latest update of the theme and you do not use some extra non tested plugins.

Thank you!

Hi,

For the number of subcategories the modification will have to be made in this file
-> https://prnt.sc/G8RuQZ7OAWYP
If you want 6, it should be like this -> https://prnt.sc/jCX0NA6Easop
Please give it a try, and sorry for this inconvenience. An option or setting to do this would be useful in such cases, but there isn’t one unfortunately.

The font settings are general, meaning they will usually affect desktop and mobile. But it is possible to do what you want, with some CSS.
For example -> https://prnt.sc/VoC5XgUEkm9Z -> https://pastebin.com/Uxdgrxgg
This code can be entered in the phones field here https://prnt.sc/LxSVIpNP4dK8

Please let me know if I can help more.

Thank you!

Hello Kaitlin!

Actually, that on/off toggle is not for hiding elements. If you hover over that toggle, you can see more info about it: https://prnt.sc/u9J5LU04xkXn
If you want to hide an element, then there is an option in the CSS tab : https://prnt.sc/a694nQat_PFR
Or, if you want to hide that element only in the mobile viewport, then let it “show” in the desktop viewport and hide it only in the mobile viewport: https://prnt.sc/J0iRM2ezOMQ7

You should uncheck this option https://prnt.sc/ZR4OgO4jsV6S and align it to the left, center or right.

You can have three elements and choose to show them only in one viewport while hiding them in the others. 

Thank you!

Hello @great1212!

Access an article and paste the following code into the Live CSS: https://prnt.sc/j36sOaJk_7rK
The code should be written like this:

.td-post-content a {
text-decoration: none;
color: #000!important;
font-weight: 700;
position: relative;
}

.td-post-content a:hover::before {
bottom: 0;
height: 100%;
}


Thank you!

Hello @meri!

Unfortunately, there is no option for the hover color. Also, we did not test any extra plugin in order to change the hover color easily.
A workaround there could be to add a custom CSS code in the Newspaper -> Theme panel -> Custom code -> Custom CSS, Save changes:


.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: red!important;}


You need to change only the color from the code above.

Let me know the results!

Thank you!

Hi,

By default the rows from the composer have 1068px in width, that is the default setting https://i.imgur.com/uuwcpFo.png

Then rows can be stretched if needed, to the provided values. I assume that by decreasing the margins of the page you mean increasing the width of the content. This will indeed reduce the margins, as the content is larger. So you could stretch the rows in the page.

If you want a width value that is not available for selecting, stretch the rows to full and set your desired value here https://i.imgur.com/MDgzWje.png Every row, column, or element from the composer has a width setting in the CSS tab, also margins and padding can be set there if needed. It depends on what exactly you want to achieve in the page.

You could check out some of our pages from the cloud library https://cloud.tagdiv.com/#/load/Homepages
If you like a layout, or find one that is similar to what you want to do, you could import the page and customize it. Or let me know and I will explain how it is built.

Thank you!

Hi,

It could be done in the composer, or you could use some CSS, for example like this
https://i.imgur.com/JxSu1gb.png
The code is here https://pastebin.com/bFJgchKS Give it a try, it can be entered in the theme panel custom CSS section. Let me know if the result is how you want it.

Thank you!

Hi,

The composer provides options to remove elements per device/viewport.

So if you want in this case to not display the respective menu on these 3 viewports https://i.imgur.com/GuxSnWG.png you can click on the horizontal menu in the composer, and switch to the viewports one at a time, and hiding it.
The option is in the CSS tab at the bottom https://i.imgur.com/xjows44.png

So basically select the desktop viewport and hide the element, then the tablet viewports and hide the element for them as well. As a result it will remain visible only on mobile.

If you need help with it, you can send us an email at contact@tagdiv.com and provide access to the website, so we can do it and explain more how it is done.

Thank you!

Hi,

Normally the predominant color throughout the website, including for links, is the theme accent color set in the theme panel https://i.imgur.com/2qHmmeI.png
You could change that to what you want a different color than what is set now, which is this color https://i.imgur.com/Df2CCWq.png

Or perhaps you don’t want to change the accent color for various reasons, like wanting to change the color only for some elements, or in specific places. Then it can be done with some CSS, but those specific elements or locations will have to be targeted directly. It has to be known what elements those are and where they are or else the code may affect other unwanted elements. The code from above is more general, it affects mostly ever link everywhere in the post page.

Let me know.

Thank you!

Hi,
This can be done only with custom work. Now, for small changes, like color, fonts and remove some sections it can be used a custom css, if what you need can be done with css, then we can help you!
Thank you!

Hi,
Unfortunately, there is no option for this in the theme, but it can be done using this custom css:
.td_block_related_posts .td-related-right {
display: none;
}
You need to set the css in the theme panel > custom code> custom css -> https://i.imgur.com/AXbqI97.png
Thanks

Hello,

I think the problem is caused by the cache plugin which minified the css https://i.imgur.com/4VNqGe3.png please disable the option, clear for a few times the cache and check the results.

Thank you!