Gadgets block

Posted in: Newspaper
Post count: 20688

Hi,

This code I found seems to remove all the WordPress versioning in the source
https://wordpress.stackexchange.com/questions/233543/how-to-remove-the-wordpress-version-from-some-css-js-files
https://www.screencast.com/t/heR1GX6uo
Maybe it would be useful to you, make tests with it.

Thanks

Post count: 24

New topic

1) In comment section I don’t want to display [enter website], how can I turn it off?

2) In comment section also how can I change “leave a reply” to “leave a comment”?

3) How can I disable the breadcrumb only in pages?

Post count: 20688

Hi,

1. If you use the default WordPress comments, all the settings are here
https://www.screencast.com/t/E3KgoeF3
There you can set the comment settings you wish, what users have to provide in order to be able to leave a comment.

2. Check the theme translation options, that text can be changed
https://www.screencast.com/t/3dp1KXtH

3. Breadcrumbs can only be disabled for the whole website, not only on pages
https://forum.tagdiv.com/breadcrumbs/

Thanks

Post count: 24

New topic – My 2 last questions

1) When you are on post page, as you scroll down the sidebar becomes fixed and does not move up. And I am not talking about the smart sidebar.

2)In block 9 such as the sidebar or front page, before title is a little square. How can I substitute the square with another shape such as a “rectangle”?

  • This reply was modified 8 years by abc.xyz.
Post count: 20688

Hi,

1. That sounds like the smart sidebar option. While scrolling down the page, as soon as the end of the sidebar is reached, it will remain fixed. That is what the smart sidebar does.
If this option is not enabled the sidebar content will be fixed, in the initial position. It will remain there regardless of scrolling down the page. In case there is a problem, please provide a link to the page in question so we can inspect it.

2. I don’t quite understand the square shape you are referring to, if you could provide a screenshot of it, or a link to the page where it is present, it would be helpful.
Maybe you are referring to the comment count box
https://www.screencast.com/t/uebVoSiRgx
I could try to give you a solution if that is what you are referring to, specify how exactly you want it to be.

Thanks

Post count: 24

[last answer reply]

1) This is a screenshot about the squares I was saying. Question 2 above.https://ibb.co/drp8Jb

2) I having a problem with social sharing buttons.

After I changed the height in .td-social-sharing-buttons form 40px to 33px and also the padding to fit, see the how they are displayed -> https://ibb.co/nONvyb
*Note: this is a problem only for mobile & tablet devices.

In mobile device simulator they look OK, when I see in a real smartphone, they do not appear as they should.

I tried the code below but nothing changes

@media only screen and (max-width: 767px) {
.td-post-sharing-top .td-icon-facebook {position:relative; top:-4px;}
.td-post-sharing-top .td-icon-twitter { position:relative; top:-4px;}
.td-post-sharing-top .td-icon-googleplus {position:relative; top:-4px;}
.td-post-sharing-top .td-icon-pinterest {position:relative; top:-4px;}
.td-post-sharing-top .td-social-whatsapp i { position:relative; top:-4px;}
.td-post-sharing-top .td-social-but-text { position:relative;top:-6px;}
}
  • This reply was modified 8 years by abc.xyz.
Post count: 24

[Updated the answer, read this not the one above]

1) How can I change the square to another shape, for example to make it rectangle.
This is a screenshot about the squares I was saying. https://ibb.co/drp8Jb

2) I was having a problem with social sharing buttons.
After I changed the height in
.td-social-sharing-buttons
form 40px to 33px and also the padding to fit, see the how they are displayed -> https://ibb.co/nONvyb
*Note: this is a problem only for mobile & tablet devices.
*Note 2: In mobile device simulator they look OK, when I see in a real smartphone, they do not appear as they should.

I wanted to know your thought about mobile simulator, can I trust them or is any problem with my smartphone?

I used the code below to correct it. I wanted to know your thought if it will work in every smartphone device?

@media only screen and (max-width: 767px) {
.td-social-facebook .td-icon-facebook {position: relative; top:-4px;}
.td-social-twitter .td-icon-twitter {position: relative; top:-4px;}
.td-social-google .td-icon-googleplus {left: -2px; position: relative; top:-4px;}
.td-social-pinterest .td-icon-pinterest {position: relative; top:-4px;}
.td-social-whatsapp i {position: relative; top:-5px;}
.td-social-facebook .td-social-but-text {position: relative; top:-5px;}
.td-social-twitter .td-social-but-text {position: relative; top:-5px;}
}
  • This reply was modified 8 years by abc.xyz.
  • This reply was modified 8 years by abc.xyz.
Post count: 20688

1. To make that a rectangle, changing the width should do the job, like this
https://www.screencast.com/t/ZpWiBNjzYfyt
You could make the modification in the code provided previously to style the blocks as the gadgets demo
https://www.screencast.com/t/9Zx7MwUb
By default it is 5px by 5px, a square.

2. Regarding the icons, additionally to changing the height another modifications must be made, like this
https://www.screencast.com/t/habOGJwNdz
https://www.screencast.com/t/HtFWFCDHKvfw

.td-social-network{
height: 33px;
}
.td-social-but-icon {
line-height: 33px;
}

Post count: 24

1) I searched the entire theme and these class do not exist in the newspaper theme.

.td-social-network{
height: 33px;
}
.td-social-but-icon {
line-height: 33px;
}

2) I am trying to put an ad in front page, I went to front page “page builder” and I selected custom ad 1, a place that I put the adsense code.

The problem is that it shows it as an rectangle and not “728×90”? I want it to disaply by 728×90.

3) Also there is an article ad that let’s you display ads after a certain paragraph that you choose.

I want to display the ad not just after paragraph 3 but also after paragraph 9. Can you help me display ads 2 times inside an article.

Thanks

  • This reply was modified 8 years by abc.xyz.
  • This reply was modified 8 years by abc.xyz.
Post count: 20688

Hi,

1. That would mean you do not have the latest theme version, this class was introduced when the post sharing settings were updated. Then I would require a link to you website f possible, so I can give you a more accurate solution.

2. It will display the ad according to the ad code, and your placement of the ad. Place it in a full row for example, and also make sure you have the ad size create properly
https://support.google.com/adsense/answer/6002575?visit_id=1-636524811549808619-1523200313&rd=1
You can as well set the size manually for Adsense ads
https://www.screencast.com/t/zz9k7lqRzyO

3. The inline ad will only display once, after a given number of paragraphs. It will not appear again with the current theme implementation
https://forum.tagdiv.com/article-ads/
If you require more options for ad implementation, you could use a plugin, like Adrotate for example. This may have more advanced options and also works properly based on user feedback
https://ajdg.solutions/manuals/adrotate-manuals/
http://www.wpbeginner.com/plugins/how-to-manage-ads-in-wordpress-with-adrotate-plugin/

Thanks

Post count: 24

Hey, Simion C., hope you are doin well.

I wanted to ask you about:

In newspaper_gadgets theme, front page, how can I increase or decrease the space of thumbanils between right & left also above & below for these grids:
1. https://ibb.co/dxBAa8
2. https://ibb.co/m3ccNo
3. https://ibb.co/e5CDTT

  • This reply was modified 8 years by abc.xyz.
  • This reply was modified 8 years by abc.xyz.
Post count: 20688

Hi,

That would prove difficult to do. All the blocks (except the flex blocks)and grids have predefined design to make sure they will always display properly on all devices. There are fixed values for margins and padding. Like here for example
https://www.screencast.com/t/uYmQsZ2GXX
Modifying these values is not recommended, it will most likely break the layout of the row, column, block or grid.

Post count: 24

Simon, I understood that will take time for you to help me with that and I don’t want to bother you anymore with the question above. As a code amateur, I’ll try to experiment with them myself.

But, what I want to ask is: for the links below:
1. https://ibb.co/dxBAa8
2. https://ibb.co/m3ccNo
3. https://ibb.co/e5CDTT

I want to know which are:
1. All the files that control the space of thumbnails between right & left also above & below?
2. And how are they determined so I can then calculate them myself?

Post count: 20688

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

Viewing 14 posts - 26 through 39 (of 39 total)
The forum ‘Newspaper’ is closed to new topics and replies.