Search Results for 'amp'

Hi,

That is how columns are set to display responsively, they will drop one below the other. On mobile they will likely not look properly in such a small space. If absolutely required there could be a way. First set a custom class for the row containing the elements
– https://www.screencast.com/t/6yw6ZJkQ
Then based on that custom class manipulate how the columns display on mobile, with a custom code like
– https://www.screencast.com/t/DdF0U56x
This is the code used in the example, it will work on rows split in 4 like you are using

.myclass .td-pb-span3 {
width: 25%;
float:left;
}

It should be entered in Theme panel->Advanced CSS in the phones section, if you should consider this a solution.

Thanks

Hello mradamrothwell,

Unfortunately, the theme has not been designed to be used with Amazon Advert, sorry! Only Google AdSense code is tested for our theme. You can try using the Amazon Ads but please notice that we cannot say for sure if it will work or not with the theme, sorry! If you want to place the Ad Spots in several places in the theme you should use the do_shortcode method according to the following topic here -> https://forum.tagdiv.com/topic/how-to-add-banner-on-top-of-date-and-socil-media-icon/ Here you can see an example for adding adverts.

Thanks for the message!

Hi,

1. That would be the demo header ad, it can be replaced with your own ads in the theme panel ads section
– https://www.screencast.com/t/Th0h0Snzd4
Or simply replace the demo image and set the link you want in the demo ad code
– https://www.screencast.com/t/ynUvB1yK
More about it here – https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

2. Enter the ad code as provided (like Adsense for example )in the ad section you want. If you do not use Adsense but a different ad implementation, the same applies. If the ad code is valid it will be displayed (in some cases additional steps have to be taken, follow ad provider instructions).

3. The sizes of Big grids are fixed, they will always look the same. There are 10 Full big grids that can be used for full width
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Also blocks have predefined design, however the rows in which they are placed can be stretched and they will adapt
– https://www.screencast.com/t/n7MpHTGdFB

4. Regardless of image size used for featured images, the theme will create thumbnails from them. These thumbnails will be loaded, not the full image. Still there are methods to optimize the thumbnails, see point 3 in this guide for example
– https://forum.tagdiv.com/how-to-make-the-site-faster/

Thanks

Hello Ducacordero,

You should edit the theme core files in order to make these changes. For example, if you are using the post template style 1 you should edit the loop-single-1.php core file and move the PHP code which writes the Articles bottom ad. -> https://www.screencast.com/t/ZIF09vskG8K

Thanks for your understanding!

Hi,

That could be made in these files, in each of the two locations
– https://www.screencast.com/t/fv7V2O0J
– https://www.screencast.com/t/5QtNF8NRYcaq
By default the header logo will direct to the homepage. A change like this for example, will change this functionality
– https://www.screencast.com/t/l5wFa3dCA3
– https://www.screencast.com/t/d6nJ49OVl

Thanks

Hi,

It would be possible to style a text paragraph as an alert, like in the websites you mention. I inspected the styling used, and used it like this
First set a custom class to the paragraph in question, so the styling does not apply to all the paragraphs in the post content
– https://www.screencast.com/t/3Z6gb9uMnNIp
Then apply the styling similar to the one used there
– https://www.screencast.com/t/hP2vQcJ7kl
– https://www.screencast.com/t/U3KKyvCLrpdE
Colors can be changed according to your liking. Enter that code in Theme panel->Custom CSS section, then all you would have to do is to set the custom class for the paragraphs. The design will apply.
This is the code used in the example

.alert {
margin-bottom: 1.313em;
border: 1px solid #f6dca7;
padding: 0.786em 2.25em 1em 1.15em;
font-size: 14px;
line-height: 1.5;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
color: #c09853;
background-color: #fcf8e3;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 3px rgba(0,0,0,0.065);
}

Thanks

Hello Mariano Jonte,

If you want to make these elements to be more remarkable you should use a bit of CSS code to make these changes. As an example, please use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

@media (max-width:767px){.td-module-title{
font-size:20px!important;
}
}

The result is here -> https://www.screencast.com/t/2bouHLrW4W

If you want to hide the category tags or meta information from your blocks you should turn off them from Theme panel, from here -> https://www.screencast.com/t/e7i8w39Y -> https://www.screencast.com/t/r1LpiR407

Thanks for the message!

Hi,

The latest articles section will always be displayed on then bottom of the page, after the content of the page. It cannot be moved to a different location.
Consider using the available blocks and grids, for example a block can be named Latest articles, sorted by latest posts and placed on top of the page
– https://www.screencast.com/t/9lvLSL90Z1q1
You can paginate blocks like this
– https://www.screencast.com/t/cc2zqV2No
So you could create a replica of the Latest articles on top using a block, and deactivate the one on bottom. It can be deactivated by selecting a different page template
– https://www.screencast.com/t/AHppPVqCceB

Thanks