Search Results for 'css'

Hi,

Please provide a link so we can inspect this and see if we can provide some css to adjust the block 15 design.

Or if you want to change the Related Articles functionality, you can change the code something like this – http://screencast.com/t/jZPjDC4ukr

'category_id' => '1'

Add your own category ID to the above code(1 is just an example). Also you can control the articles number from Theme Panel > Post Settings – http://screencast.com/t/v4rIDtWKVycH
I recommend to backup your file before any change, so you can revert in case that something goes wrong.

Thanks!

Hi,

1. A. Open your homepage in the Edit Page section like this – http://prntscr.com/djak7x
B. Scroll down to the Visual Composer editor and select the row containing the Big grid block http://prntscr.com/dk2msh
C. In Row Settings -> General -> Row Stretch, select Stretch row. Then, just bellow check the Full height row box – http://prntscr.com/djan7m
D. Go to Design Options, next to the General tab and choose the color you want for your background – http://prntscr.com/djao7x
The result is like this http://prntscr.com/dk2nfm

2. Newspaper theme has a fixed width of 1068 pixels(content), that was the way it was designed.

3. When you set a background color or image, the theme automaticaly becomes boxed https://forum.tagdiv.com/background-introduction/. The only way is to remove your background and
choose a Full Header style – http://prntscr.com/dk317u
4. Add this code(edit the padding and font size as you like) in the Theme panel->Custom Css

.td-load-more-wrap a {
padding: 20px;
font-size: 20px;
}

Thanks

Hello devkabir,

If you do not want to use the header ad, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td-header-container{
display:none;
}

The result is here -> http://screencast.com/t/JsztP4Ao4VaZ

Thanks for the message!

Hi,

The avatar is used in multiple places(post’s author box, comments…). I’m not really sure whre would you like to change, but I supposes you want to do this for author box on post page. Here you can find the code in this case – http://screencast.com/t/7rMq9jKw but you also need to use custom css – http://screencast.com/t/Qr5zDhttzet

.single .author-box-wrap .avatar {
width: 150px;
}
.single .author-box-wrap .desc {
margin-left: 167px;
}

Thanks!

Hello RichardU,

Try the code below and place it in Theme panel->Custom CSS area.

input[type="submit"]{
background-color:red;
}
.block-title > a, .block-title > span {
font-family: 'Open Sans', arial, sans-serif;
background-color:red;
}

The result -> http://screencast.com/t/6N4yOyPvP

Thanks.

Hello cloin1,

If you want to move to the left the Sign in the feature, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td_ul_login li a {
margin-right: 620px;
}

The result is here -> http://screencast.com/t/LDI8fRF2JDr

Thanks for the message!

Hello madox56,

I have inspected your website and I saw that your frames have width fix and that’s why you cannot see all the elements. Try the code below and place it in Theme panel->Custom CSS area.

iframe{
width:100%!important;
}

Thanks for the message!

Hello rehanahmadjamal,

If you want to increase the size of excerpts only for mobile devices you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

@media (max-width:767px){
.td-excerpt, .td-module-excerpt {
font-size: 20px;
}

The result is here -> http://screencast.com/t/ykLhslpN

Thanks for the message!

Hello datomnz,

Please notice that this is the natural theme behavior as you can see here -> http://screencast.com/t/nr91qin3Vd If you will add some custom CSS code the elements will change its structure. If you want to disp[lay more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello fderooy,

I have noticed that you are using the Header Style 10 as header template which will display the full logo on top. If you want to achieve better results in this regard, you need to add a bigger logo. Regarding on this image -> https://postimg.org/image/id9534rcf/, here is talking about retina display which only Apple devices have and that’s why the logo is sharper than the normal devices. As you can see, the theme has an option for retina display where to add a larger image (for better quality).

If you want to add that border bottom, try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-wrap .td-header-top-menu-full{
border-bottom: 1px solid black;
}

The result is here -> http://screencast.com/t/OZkKiX2GTJ

Thanks.

Hello John,

Please provide more details about what kind of images you are referring to, featured image which is presented on modules and blocks or over the images from the post content? It is vital to specify these details because in our theme were made some changes only over the featured images and no for images in post content. Keep in mind that the theme does not affect the image from the post content. So, all of these will be displayed in its natural size. Please provide your website URL, also, provide some useful screenshots to identify where you see this problem so precisely, I will be able to provide a more accurate response, after a deeper investigation. It is likely to be a CSS code to stretch the image and that’s why to appear in blurry mode.

Thanks for your understanding!

Hi,

1. If you want full header/footer display, do not set a background color or image. When you set a background the theme will automatically transform the site into a boxed version.
2. I guess you could use box-shadow effect – http://screencast.com/t/Nk6Slh0g4Kvv

.td-header-style-2 .td-banner-wrap-full {
padding-bottom: 20px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

3. You can easily set a featured image also for your pages, then it will appear there.
4. Exactly like I said above. Just change the page template to Default and set a block with infinite load pagination to display your Latest Articles – http://screencast.com/t/Ns18mEZCV – http://screencast.com/t/4se2LI9ruZ3
5. The modules are used to create blocks and also on loop templates. You cannot design your search template using Visual Composer and you cannot add blocks there. You can only change the module to display your articles – http://screencast.com/t/Rw3tAqoYj
6. Try this custom css:

@media(max-width: 767px){
.td-footer-wrapper .td_block_widget {
text-align: center;
}
}

7. Noted, I have added your request on our list.

Thanks!

Hi,

Glad to help, to remove the top margin go to the same Row Settings -> Design Options and in the CSS box top margin type: -48 like this – http://prntscr.com/djbst9
Be sure to save.

Before: http://prntscr.com/djbrqr
After: http://prntscr.com/djbs2d

Thanks