Hi,
You can customize a default header style using the options from theme panel -> http://prntscr.com/pnd4tf -> http://prntscr.com/pnd4xv also you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ or if you want to have more control over the menu layout, then you can try a header template from tagDiv cloud library and edit it with the new tool from tagDiv Composer, header manager -> http://prntscr.com/pnd5x1 -> http://prntscr.com/pnd63e
Thank you!
Hi BlakeForm,
We are the Newspaper support theme, you can try some custom css to change the color from that email form -> http://prntscr.com/pkeo8t -> http://prntscr.com/pkeol9 this code need to be set in Theme panel> Custom code> Custom css
.custom-html-widget #mc_embed_signup {
background-color: #1ef2a5!important;
}
.custom-html-widget #mc_embed_signup .button{
background-color: #e2fa3f;
color: #000;
}
.custom-html-widget #mc_embed_signup .button:hover {
background-color: #a87e2f;
color: #fff;
}
Hope this will help you!
Thank you!
Hi,
You want to have an hover effect on menu text too ? if is so, then you can use a header template from tagDiv Cloud Library and edit it with the tagDiv Composer or you can use a custom css.
If this is not what you mean, please provide some more details.
Thank you!
Hi,
If that social icons are set in top bar on a header template please check these settings -> http://prntscr.com/piyo1p if you are using a default header, then you’ll need to use custom css to change the position for the social icons.
Thank you!
Hello,
These lines can be remove only with custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this, please provide me a link to your website and I will provide to you the proper custom css.
Thank you!
Hello,
In order to do that you’ll need to use some custom css if you need help with this, please provide me a link where I can inspect this button and provide to you the proper css.
Thank you!
Hello,
This can be achieve only with custom css, but you can use the tagDiv Cloud Library and the header manager to build/edit cloud headers how you want.
Here is the custom css:
.td-header-style-2 .td-banner-wrap-full {
display: none;
}
You’ll need to set it Theme panel> Custom code> Custom css
Thank you!
Hello,
1. If this is a link in h2 -> http://prntscr.com/pbmcna then the coloer from theme panel for h2 will not apply, you’ll need to color it manually, by selecting the text and set text color -> http://prntscr.com/pbmdyl or using custom css, if is an H2 without link this setting should apply -> http://prntscr.com/pbmf5e
2. If you want to set text with tagDiv Composer you’ll need to set it in column text element or in text with title -> http://prntscr.com/p3szcc -> http://prntscr.com/p3szlo -> http://prntscr.com/p5l2bx -> http://prntscr.com/p5l2jt -> http://prntscr.com/p5l2q7
If you are using the Gutenberg editor, you can use the table element -> http://prntscr.com/p3t04n
Thank you!
Hello,
The hyperlink color from the posts is set by the theme accent color -> http://prntscr.com/pblmwd -> http://prntscr.com/pbln39 if you want to have more control aver the hyperlinks you’ll need to use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you for your understanding!
Hello,
If you want to set the background color on pages you can do it using the tagDiv Composer -> http://prntscr.com/pb4i4c also you can use custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If this is not what you mean, then please provide some more details and screenshots.
Thank you!
Hello,
This can be achieve with some custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
-> http://prntscr.com/pamm1o
.widget_rss li .rsswidget {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
}
Add the code in theme panel> custom code> custom css
Thank you!
Hi,
This depend of the implementation of RSS Widget that you used, please provide me a link where I can inspect this widget, in this way I will be able to provide you the corect answer, or you can change the header/title style and color from the RSS Widget using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
Unfortunately this can be achieve only with custom css -> http://prntscr.com/ooizeo
.td-category-siblings .td-category a[href$="/logging-operations-mid-atlantic/"]
{
background-color: blue;
}
.td-category-siblings .td-category a[href$="/logging-operations-midwest/"]
{
background-color: pink;
}
The code need to be set in the Theme panel>Custom code> Customer css
Here is a similar topic -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thank you!
Hi,
So the images you set for the product do not appear. I made some tests on my end, looks fine from what I can see – https://prnt.sc/oofgqt
Product page – https://prnt.sc/oofgwe
Shop page – https://prnt.sc/oofgzw
Product category page – https://prnt.sc/oofh3e
If you remove the global product image are there any errors in the page? Check with the browser inspector.
Thanks
Hi,
You can achieve this using custom css if the page look like this http://prntscr.com/omsw0z -> http://prntscr.com/omswdo
.page-id-1959 .td-footer-wrapper{
width: 100%;
position: absolute;
background-color: #111111;
bottom: 0px;
}
All you need to do is to remove the “.page-id-1959” and this code will be apply on all website, or just change the number of id with the id of the page you want to show the footer at the bottom.
http://prntscr.com/omsxvd
Thank you!
Hi,
Thanks for the feedback.
The code in my reply seems to work fine, but I just created it quickly using the browser’s inspector. Just want to know if I’m targeting the most appropriate classes to get the job done (I like to do things the right way, if possible).
It must be a fairly common thing, so I thought it might be useful to have the correct code (from the source) somewhere in the forum, so others can find it too.
Many thanks!
Hi,
Yes, this can be done with custom css too, if you have more pages will even be more fast using css.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help with this, just let me know!
Thank you!
Hi,
Yes, you can use custom css but the search input search box should be change from theme panel https://i.imgur.com/bJo5kqD.png or from tagDiv Composer.
I do not quite understand, please provide some more details and a link where I can check this search.
Thank you!
Hi,
Yes, you can set a background gradient color on header, this can be achieve using custom css or using a header from tagDiv Cloud Library, click on the header zone and set the background gradient -> https://prnt.sc/olc1qh
Also I do not quite understand the second one ” theme color (fonts)”, are you referring to theme accent color ? https://prnt.sc/olc2p9
Thank you!
Hi,
Yes, this can be achieve using custom css ->https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this just let me know!
Thank you!
So, this is what I see locally on my Mac using three different browsers.
Chrome

Firefox

Safari

The only difference is that I never use Safari. It only saw the site after I enabled the new image. This tends to point to some stale CSS or object that’s been cached on the first two browsers which is getting re-served to them when they visit the site even after the browser caches are cleared. But I have no cache plugins.
Using Chrome Inspector shows that the sites which DON’T show that image have a td-header-sp-rec DIV of 728×0. Those which DO show that second image have a td-header-sp-rec DIV of 728×114.
-
This reply was modified 7 years by
stevemanes.
Thank you very much Calin, yes, I’d appreciate your help on css. Basically, I’m using the newspaper default demo and build my site by replacing my content on it, I’ve set set the width of my pages to stretch row 1400x content, I like to set the default category template and page template to the same width.
I’ve read your recommended post
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I have limited css experience, but if you could help me with an example of css modification for a category or page template width, I think I could figure out duplicate the rest.
Thanks!
Hi,
So if i understand correctly you want that the title of post from the category page to have a different accent color, if is so then you can achieve this in two ways:
1. Using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this, Please provide me a link to your category page and I will gladly provide a custom css for you.
This is an example code
.category .td_module_wrap:hover .td-module-title a{
color: red;
}
2. You can use a category template from tagDiv Cloud Library and customize it using the tagDiv Composer .
Thank you!
Hi,
Unfortunately for the moment there is no option to remove the footer for a specific page, but this can be done using custom css -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ if you need help with this, just provide me the link of the page you do not want to have a footer and I will gladly help you!
Thank you!
Hi,
The demos are using default headers that can not be edit, sorry! if you want to edit the header you’ll need to use the header manager.
Also the Latest Articles section is from page template -> Page Builder + Latest Articles + Pagination -> https://www.screencast.com/t/zKIG7wwDv
Also if you do not want to use cloud template, you can try using custom css, but this can be quit difficulty, because the css code can brake the layout.
> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you need help with css I can try to help you, please provide me a link to your website and some details about the width you want to achieve.
Thank you for your understanding!