Search Results for 'browser inspector'

    No search results were found in Documentation!

Results from the Forum
Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff
tag - reply

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Simion C.
tagDiv Staff

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

Calin
tagDiv Staff

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!

LG
tagDiv Member

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

stevemanes
tagDiv Member

So, this is what I see locally on my Mac using three different browsers.

Chrome
Chrome

Firefox
Firefox

Safari
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.

Jarrett
tagDiv Member

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Calin
tagDiv Staff

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!

Viewing 25 results - 251 through 275 (of 1,099 total)