Search Results for 'browser inspector'

Hello karayel,

Please keep in mind that you should follow the same way for achieving the code which will change your buttons colors. Please try using the Inspector Browser, find the class for those buttons and use the CSS code you want. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

Open the browser inspector console window, check while saving the setting if there are any notices or errors present there
– https://www.screencast.com/t/X88GkCvR4
Theme panel issues such as the one you are having are caused in some cases by the server denying access to the admin-ajax file, providing a 403 on the file.

Or they could be caused by insufficient resources
– https://forum.tagdiv.com/requirements-for-newspaper/

Let us know what you find.
Thanks

Hi,

I made a comparison of the original image used and the logo image when set
– https://www.screencast.com/t/uvH5phCR
They would be the same quality as far as I can tell. As long as the full image size is used when uploaded the image will be displayed as it is.

So you would like to do something like this maybe
– https://www.screencast.com/t/GxNQPhj9A5w
This is the code I used in the example, you could experiment with it

.td-header-style-7 .td-header-sp-logo img {
max-height: 94px;
}
.td-header-style-7 .sf-menu,
.header-search-wrap {
margin-top: 12px;
float: left;
}
.td-header-style-7 .td-header-menu-wrap-full {
height: 94px!important;
}
.td-header-style-7 .header-search-wrap #td-header-search-button .td-icon-search {
line-height: 107px;
}

Also you could experiment with different header styles and make modifications to theme if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

Actually the pagination does not work on desktop as well
– https://www.screencast.com/t/OvtxcBob
Checking with the browser inspector console it seems that the theme request of the admin-ajax file is denied access by the server
– https://www.screencast.com/t/lHxuFrZ9iWP

In most cases this happens because of security plugins or security modules of the server, or firewall. I suggest you check with your hosting and mention this to them, they should be able to help you with this.

Thanks

Hi,

By a theme setting there is no extra design for the category tags, however it would be possible with CSS, for example like this maybe with a border radius
– https://www.screencast.com/t/evTocuHY9
I will try to help you if you could mention some more details about how exactly you want them to be. The browser inspector is a very powerful tool, useful for this as well
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

So you want to increase the default margin bottom that each paragraph has, in the post content
– https://www.screencast.com/t/NHWeZXjx
You could do that with a code like this

.td-post-content p {
margin-bottom: 35px!important;
}

The headings have a general color setting in the theme panel
– https://www.screencast.com/t/Xu53zJx1H
Also you can style them as you want as you are editing/creating the post
– https://www.screencast.com/t/ADp5y0jXEx
Or use CSS to style them individually by type for all posts at once
– https://www.screencast.com/t/7kIEmIKH

.td-post-content h1 {
color: red;
}
.td-post-content h2 {
color: yellow
}
.td-post-content h3 {
color: blue;
}
.td-post-content h4 {
color: green;
}

More about this here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

CSS code can be entered in Theme panel->Custom CSS section, there are also advanced sections available.
Let me know if you have further questions.

Thanks

Hi,

You can use CSS to style them as you please. This is a similar topic
– https://forum.tagdiv.com/topic/blockquote-custom-css-not-working/

This is a guide about using the browser inspector tool to create custom CSS code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Let me know if you have more questions.
Thanks

Hi,

Maybe some of those can be done with CSS modifications, the gallery element would not have such settings unfortunately. Try a code like this
– https://www.screencast.com/t/Ufvn1l9gYu
It will remove the bottom thumbnails section, also the black background and set a white background instead

.td-doubleSlider-2 {
display: none;
}
.td-gallery-slide-top {
background-color: #fff;
color: #111;
}

You could make more modifications to it, some more might be possible with CSS if needed
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

@mmedia This has not been implemented in the theme up to this moment. There would be other priorities at the moment. But it is noted and will be considered at a future time.

So if you want to remove the date for a specific block for the moment you would have to resort to some CSS
– https://www.screencast.com/t/RUnybZHRTg
– https://www.screencast.com/t/ctoYzhosCx7
Example code used here

.my_special_block .td-post-date,
.my_special_block .td-post-author-name span {
display: none;
}

– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello ashubais,

Sorry but the theme does not have any such an option that allows you to change the AMP Fonts. You should create your own CSS code for changing this. Check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hello Margherita,

Sorry, but please notice that the theme does not have any such an option for this. This task involves doing such additional customizations and we cannot provide something like this, unfortunately! You should create your own custom CSS code according to the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

There are settings for most things, so if a setting is created for a customization, there would be no need to make it custom. For creating CSS code there is a guide you can read
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This is useful when for example there is no setting for a modification you want to make, or the setting is general and you want something more specific.

I would mention that on contrary you should not worry yourself with the child theme from the beginning. Until you get more familiarized with the actual theme and it’s capabilities and structure there would be no reason to have one.
If in the future you should require one or we recommend you to create one for a specific reason, you can use it then.
Child themes require maintenance as well, so you will have to monitor theme updates and changelogs to keep it up to date.

Thanks

Hi,

The ajax search is working as before, there were no modifications to it
– https://www.screencast.com/t/BilFklwLVD
Maybe there is a conflict of some kind, check with the browser inspector if there are any errors in the console.

Thanks

Hello kibiribi,

Sorry, but please notice that our theme does not have any such an option for this, unfortunately! You should create your own custom code and hide the sidebar for a special kind of screen, using the media queries. As a hint, you should follow our useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello Zamara,

All the style of the theme can be found in the style.css file. If you want to change the comment count position, you should create your custom CSS code using the Inspector browser, like with our useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Check the browser inspector console if there are any errors when the ads are not displayed
– https://www.screencast.com/t/nmSbLx7N

I checked your website with Chrome and Firefox for quite a while, browsing through posts and pages, all the time there were ads for me
– https://www.screencast.com/t/QeDO1rKH
– https://www.screencast.com/t/qz7KJVR5BBz
– https://www.screencast.com/t/hOWzI9pPjCc5

For example in the full big grid, first the modules are separated by an invisible border
– https://www.screencast.com/t/dtygC6hTpKQf
You could reduce that border with this result
– https://www.screencast.com/t/UuWmeVGjKoTk
The space between the 4 smaller modules could be reduced like this
– https://www.screencast.com/t/kl8Yn8hqfb

Increasing the values to create more space, maybe like this
– https://www.screencast.com/t/OSmf9tJYi
These are both codes used in the example
– https://pastebin.com/acTkHqvk
You could experiment with them, and the browser inspector
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/’
Also there is the Live CSS editor, so you can see live what you are doing as you do it
– https://www.screencast.com/t/cdvsSRtYsC

Hi,

So you are having problems with images, please check these guides
– https://docs.presscustomizr.com/article/229-fixing-errors-when-uploading-images-in-wordpress
– http://www.wpbeginner.com/wp-tutorials/how-to-fix-image-upload-issue-in-wordpress/

Check the max upload size as well
– https://forum.tagdiv.com/requirements-for-newspaper/
Check with your hosting if the problems are when uploading the images to WordPress.

Check with the browser inspector in the console, for errors in the website if the images have been uploaded properly, and they are not displayed on the website.

Thanks

Hi,

There are probably errors in the page if the default placeholder image cannot be loaded. Try checking with the browser inspector, check in the console for errors. I can also take a look if you could provide a link to your website.

Thanks

Hi,

All other plugins and WordPress are up to date, and the theme and theme plugins are not. Older theme and plugins may not work with the latest WordPress. There were many fixes made after a few WordPress updates, in the theme (above version 8.0) so you are missing those.

So that theme version with it’s plugins and latest WordPress may simply not work properly. However that may not be the cause of the problem you are describing. Images not loading could be server related or caused by possible conflicts of plugins or maybe theme modifications or child theme.
You could check with the browser inspector by inspecting a page where there are problems, eventual errors are displayed in the console.

Thanks

Glad it works, maybe in the future the grids will be modified to display additional meta besides the title, by default.

If you make the modification as shown, the subtitle will be displayed above the title. You can place the code differently in the module if that is what you want. If you want to modify the subtitle visually, you can do that with CSS
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will try to help you if you could specify what you want to do exactly.

You could create some additional design for that next/prev navigation, like this maybe
– https://www.screencast.com/t/LQBeEb7v

.td_block_wrap .td-next-prev-wrap a {
width: 50px;
line-height: 28px;
color: #111111;
}
.td_block_wrap .td-icon-menu-right:before {
content:"Next";
font-size: 15px;
font-family: Roboto;
}
.td_block_wrap .td-icon-menu-left:before {
content:"Prev";
font-size: 15px;
font-family: Roboto;
}

Or use some colors and increase them to be more noticeable
– https://www.screencast.com/t/xUdxcaxhRWc

.td-next-prev-wrap a {
background-color: red;
font-size: 20px;
line-height: 45px;
width: 50px;
height: 50px;
}

You can modify these codes or create different ones
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Hi,

There is no setting to color the actual theme containers, or post content background. That could only be done with CSS code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Some similar topic here
– https://forum.tagdiv.com/topic/changing-colors-around-content/
– https://forum.tagdiv.com/topic/how-cai-i-change-white-colour-to-another/

Thanks