Search Results for 'browser inspector'

Hi,

Please try the manual activation method and see if that works properly
– https://www.screencast.com/t/y9OSLcsc
– https://www.screencast.com/t/AEKaTQM0
You could check for errors when you try to active the theme normally, in the browser inspector console.

Thanks

Hello kt_kasia,

You should use a bit of CSS code to customize it as you wish. For more information and instruction on how this can be done, you should use the Inspector browser and check this element because there you will see what CSS rules were used. Also, you can check our useful tutorial here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

I cannot view the image you provided, it seems I don’t have permission. If you want to modify the modules that form a block, those are the files where the changes must be made. You will have to edit the module you want and modify it.
Here you can see what modules each block contains
– https://forum.tagdiv.com/theme-blocks-modules/
Or you can use the browser inspector to check
– https://www.screencast.com/t/2g8TYuTuv7a

Thanks

Hi,

There is no option by default to modify the avatar size on the author box element
– https://demo.tagdiv.com/newspaper/author-box/
Try setting a custom size in the theme files here
– https://www.screencast.com/t/TXRlmwyL17Tm
Please note that this may provide unexpected results, and you revert to default if this is the case.
Font style and size could be changed with Css using the browser inspector as a guide.
Here is a tutorial about using the inspector to identify the elements on the page and their classes in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In the post page there are options in the theme panel to customize the author card
– https://forum.tagdiv.com/author-card/
– https://www.screencast.com/t/wniYgp1y
Please correct me if I misunderstood something.

Thanks

Hi,

All the module font properties can be customized in the theme panel
– https://www.screencast.com/t/zQSNF33hI
More options are available for the article title that can be modified by specific module
– https://www.screencast.com/t/sFC1g9zWAKid
There you can change the title, excerpt, meta etc.
You can always create custom code if you would like to further customize some elements, and there is no option by default in the theme, by using the browser inspector. Here is a guide showing how you can use the inspector to do this
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

You could set a custom margin in each of the blocks. In this example I want to reduce the space between the Big grid and the 2 blocks below
– https://www.screencast.com/t/zDaRJPQmrZ
This can be done by setting a custom margin between these elements
– https://www.screencast.com/t/xbha2FAJ
It could be done with some css as well
– https://www.screencast.com/t/B8Mw0WjEVrZ
You can identify the elements on the page and their classes using the browser inspector, and create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello davps1980,

You should adjust it using a bit of CSS code to align these elements, sorry! You bring this results because the theme is not tested with this plugin and also, the results will not be the best, sorry!
In order to create your custom CSS code, you should check our useful guide, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello nikthehat,

Notice that you can hide elements only for mobile devices if you will use the @media queries for mobile, like in the above example.
@media(max-width: 768px){enter your code} Try to create your custom CSS box using the Inspector Browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

You can use the browser inspector to identify the elements on the page and their classes. Then you can create custom code that you can use in the theme panel, child theme or in any other way possible. Here is a guide
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
There is no guide at the moment containing an index of the classes or elements of the theme. All the theme documentation is found here
– https://forum.tagdiv.com/newspaper-theme-documentation/

Thanks

Hi,

Unfortunately there is no option at the moment to style the tags displayed under the posts. The tags will simply be displayed below the post, like it can be seen in the demo
– https://demo.tagdiv.com/newspaper/10-landscapes-wont-even-imagined-exist/
You could maybe style them with css and change the way they look, but for more advanced customization probably you will have to use a plugin that can do that.
Here is a guide explaining how to use the browser inspector to identify the elements on the page and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello Irreverent Gent,

All of these elements can be hidden if you want to use a bit of CSS code. So, after this, you should use the Inspector browser, according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ and try to target the classes for each element and add the display:none rule via CSS custom code. Also, if you want to hide al of them only for a specific post, you should use the post ID for your desired post as a class, like this -> https://www.screencast.com/t/gBwyHSRWy.

Hope this helps!

Thanks for your understanding!

Hello nomoretechno,

The class for Big Grid Slide is -> .td-big-grid-slide. Please try to use the Inspector browser and identify the classes you need according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hi,

If your custom code is valid, it should apply regardless of how it is used. Either by the theme panel custom code sections, or through a child theme. Please provide some examples of the code you are using.
Here you can see how you can use the browser inspector to identify the elements on the page and their classes, in order to create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

The icons used are font icons – https://www.screencast.com/t/GyLK8CMVnYoa
They are defined here – https://www.screencast.com/t/3uB7uv5rJ1w
And have font properties as you can check with the browser inspector
– https://www.screencast.com/t/QdpaV9SlJzW

Thanks

Hi,

Please provide more details or a useful screenshot describing what exactly you would like to modify about the header. Then I will be able to provide a more accurate answer.
You could use the browser inspector to create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

It could be done by making some modification to the modules that the Big grid 9 for example is using. You can identify the module used using the browser inspector
– https://www.screencast.com/t/U3pPd0iHMR
Now you need to go and edit the respective modules in the theme files. The big module (mx19) already has the author name and date displayed and in it’s structure
– https://www.screencast.com/t/8y38dz1bEg
The other module types used do not have it ( mx26 and mx25) so you could copy the code from the previous module in them as well
– https://www.screencast.com/t/8XenDlgC
– https://www.screencast.com/t/ec0vHyB4VDj1
Now the modules in the Big grid 9 should display the author name and date
– https://www.screencast.com/t/KVnjdm0ELPd

Thanks

Hi,

There is no header style like the one you mention, available in the theme at the moment. More header styles could be introduced in future updates. If you would like to modify a header style to look like that one, it will have to be made custom.
Here is a guide explaining how to use the browser inspector to identify the elements on the page and their classes, in order to create custom code that you can use
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello lijojohnsonwk,

For your first request, you should consult our useful guide, Inspector Browser which is presented here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ Leaving from here, you can start and inspect each block and see what is being used, like this -> https://www.screencast.com/t/1z6C10Vb
For the second, notice that our theme does not have any such an option that allows you to add the icon play on the posts, but only on the thumbs in blocks, sorry! If you want to add this option, you should edit the theme core files and also, edit the post template used by you.
For your latest request, you should make two rows with 2/3+1/3 layout and add into them as you wish and on the second row, on the 1/3 section you should add the td-ss-row extra class, like this -> https://www.screencast.com/t/HwtU1wmkr7x

Hope this helps!

Thanks for the message!

Hi,

For header style 10 you can try it like this (you can modify the values in the code)
Before – https://www.screencast.com/t/F44uUaL6l
After adding the code – https://www.screencast.com/t/UBOtjLWMw5
The code must be entered in Theme panel->Custom Css

.td-header-style-10 .td-logo-text-container .td-logo-text {
font-size: 95px;
}
.td-header-style-10 .td-logo-text-container .td-tagline-text {
font-size: 25px;
font-family: "Arimo";
letter-spacing: 2.8px;
}

Here is a guide to help you identify the elements on the page and the classes used, in order to create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello

I guess that you want to insert some advanced CSS code, right? So, please notice that if you will check our theme panel, you will see in the Custom Code section, the Advanced CSS, like this -> https://www.screencast.com/t/UqOE6hFrd If you want to change the font size only for mobile devices, you will choose to add your code only for this in mobile section. Notice that the custom CSS should have to be made by you, according to our useful guide, like this -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello CharlyBoss,

First of all, I will thank you for your interests in our theme! After beginning your project, I recommend you to star reading all of our documentation to familiarize with all of our theme elements and try to understand how each one works in order to start creating your site.
As an overview, in this site, http://www.mediahoarders.ng is used some of our elements, regarding on homepage, for example, header style 1, Font Awesome for Menu, 2/3+1/3 layout, block slide and pagebuilder+latest article+pagination as page template. You should try using the Inspector Browser to find out what items are used in the theme.
Our documentation can be found here -> https://forum.tagdiv.com/newsmag-newsmag-documentation/

Thanks for your understanding!

Hello hanakousuke,

Unfortunately, I do not exactly understand what you want to achieve. You should provide your website URL so I can inspect it closer and also, so I will be able to provide a more accurate code. Also, if you want to hide something else on your website, you should use a bit of CSS code to do it. For more information about how you should create your custom CSS code, please consult here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,

The text font on the search button can be customized in the theme panel
– https://www.screencast.com/t/DuYbGonZNW78
– https://www.screencast.com/t/rX14QcvYx
If you wanted something else, I could maybe provide you with a Css code in this case.
Unfortunately at the moment I don’t think there is a plan to allow modifications to the header elements, through the editor. You can only customize the width, font, color etc. with the options in the theme panel.
Maybe additional header styles will be added in future updates, but I could not say when this will happen.
If you want to try, you can make your own customization using the browser inspector to identify the elements used and their classes, in order to create custom code that you can use in the theme panel. Here is a guide if you want to try it
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hi,

You can choose any of the available header styles
– https://forum.tagdiv.com/header-styles/
For example Header style 12 seems to be similar to the one you mention
– https://www.screencast.com/t/SiP7QUBY7
You can customize the font properties and color for the header, in the theme panel
– https://www.screencast.com/t/yAgbPx1FQe
– https://www.screencast.com/t/RiHvWpn6aY
Additionally you could use the browser inspector and identify the classes used in order to create custom code to further modify the header. Here is a guide to help you create code to use in the theme custom code section in the theme panel – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello Cilene,

If you want to do this, you should use a bit of CSS code. Try the code below and place it in Theme panel->Cusotm CSS area.

The code is ->

body .block-title span{
background-color:green!important;
color:white!important;
}

This is a general code which can influence your entire website. For more information about how you can create your custom CSS rule using the web inspector browser you should check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!