Search Results for 'css'

Hi,

1. Please add this css in Theme Panel > Custom Css and use a solid color for background: http://screencast.com/t/hnBnXvtWOr

.td-sbig-title-wrap .td-sbig-title {
background-color: #4db2ec;
}
.td-big-grid-title .td-sbig-title-wrap {
background-color: #4db2ec;
}

2. Please use this custom css, it will apply to all links: http://screencast.com/t/QbAU9FOfHU

a:hover{
text-decoration: none !important;
color: red !important;
}

3. You will need custom modification for this, unfortunately we cannot offer custom work because we work hard on the development, updates, fixes and support.
I gave you a solution for this above. Use a page template without articles list: http://screencast.com/t/hq6MZc8jB and instead use a block for Latest Articles. It will look something like this page from newsmag demo(Scroll to Latest Articles): http://demo.tagdiv.com/newsmag/homepage-infinite-scroll/
Please follow block’s settings(this block settings are exactly to show Latest Articles like above page):
http://screencast.com/t/geiG1TUvEFux
http://screencast.com/t/Wl8nOauLcQf
Use Infinite Load and show Load More button after x pages: http://screencast.com/t/asRKs5uZ

Also you can translate Load More from Theme Panel > Translations: http://screencast.com/t/VLp9RxDcBN

Hope this helps!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

Try this css: http://screencast.com/t/gcyR6NGr8q

.td-post-template-6 .td-post-header {
bottom: 370px;
}

.td-post-template-6 .td-read-down {
position: relative;
top: 400px;
}

Use @media queries to adjust it for mobiles an screen views:

* @media (max-width: 767px): for mobiles screens.
* @media (min-width: 768px) and (max-width: 1023px): for tablet screens.

Thanks

Hi,

Please edit td_smart_list_2.php and make this change: http://screencast.com/t/DZ0vo2ylp68A
Result: http://screencast.com/t/8O5cVoDTIlf

Also you can use this css for counter in Theme Panel > Custom Css: http://screencast.com/t/7fH1iQV90Ry

.td_smart_list_2 .td-sml2-current-item-nr{
font-size: 30px;
}

Thanks!

Hi,

Please add css code in Theme Panel > Custom Css: http://screencast.com/t/w8H3DQwKqqW

Thanks!

Hi,

Adding this custom css in Theme Panel > Custom Css should apply only at Big Grid’s excerpt:

.td-big-grid-post .td-excerpt{
color:white;
}

Thanks!

Hi,

As Chris stated the @media queries are used to style the content for mobile screen widths. You can edit the theme’s css file and search for @media (max-width: 767px) and remove them, leaving just the style for tablet which is under @media (min-width: 768px) and (max-width: 1023px): http://screencast.com/t/5pibBDJP33d
I suggest you backup your current theme installation before you alter it so that you can revert back to it if something goes wrong.
Hope this helps!

Thanks

Hi,

Please add css code in Theme Panel > Custom Css: http://screencast.com/t/8SLx6FTK
Try and see if this work may need additional css customization.

Thanks!

Hi,

I have checked your link and found that this is default post style. So this can’t be targeted like the others templates.
You can add this custom css, but you have to add this above the code for others templates because if you not this will apply to all post styles. If you add this above it will be apply in cascade for other templates.

.single .header-content-rec .td-a-rec-id-header{
margin-bottom:15px;
}

Result: http://screencast.com/t/uNsTPHZTORS

Hope this helps!

Hi,

Try this custom css in Theme Panel > Custom Css: http://screencast.com/t/OQCEMKNdDV

.top-header-menu.td_ul_login{
float: right;
width: 100px;
margin-right: 10px;
}
.td-header-menu-wrap .td-social-wrap {
margin-right: 0px!important;
}

Thanks!

Hi,

Sorry for the delay!
Unfortunately as you’ve noticed by now the only customization option you have for the big slider when using the homepage with background template are for background color/img and slide limit: http://screencast.com/t/oJtUy4erGoM
The posts which appear on that slider are the ones present in the featured category. You can further customize it hard coded from here at the moment: http://screencast.com/t/scMYLCXt

@drewmerl You can also do it via custom css, please provide your site’s url so we can inspect this and provide a solution.

Thanks

Hi,

1. I’m not sure on which gap you refer too, please provide your site’s url so we can inspect this and more details about this.
2. Unfortunately this can’t be done as the themes’ width comes from it’s grid and this can’t be altered easily, we don’t recommend this but you want to do it you can hire someone to help you with it as you will need custom work.
3. You can use the theme’s background ad option and set a background image and a background click ad: http://screencast.com/t/PYwYezJ6mgb or find a plugin for it.
4. Try this custom css in theme panel > custom css field: http://screencast.com/t/MSsgAT2Xt6

.td-grid-wrap {
padding: 30px 13px 0px 13px;
}

If you still need help please provide your site’s url and more details about this issue.

Thanks

Hi,

1.Please provide more details and some screenshots to understand what do you mean.

2. Please use this custom css for titles: http://screencast.com/t/PpDqMdYas

.td_mod_wrap .entry-title a:hover{
text-decoration: none !important;
color:red;
}
Also replied here but for all links: https://forum.tagdiv.com/topic/header-styling/

3. An alternate solution to display “Latest Articles” would be a block to display them:

http://screencast.com/t/geiG1TUvEFux
http://screencast.com/t/Wl8nOauLcQf
http://screencast.com/t/j4zSXxMAAbsZ

Or you can use Infinite Load and show Load More button after x pages: http://screencast.com/t/asRKs5uZ

4. If you are referring to the Latest Articles you can translate it from Theme Panel > Translations: http://screencast.com/t/P4S1HbtrBaju
Please provide a link and a screenshot if this is not what you mean.

5. You will need custom modifications for this, we would have gladly made it for you but we work very hard on the updates and features for all the users.

Thanks!

Hi,

@rnbjunk If you take a closer look at the ccs code that the theme generates you’ll notice that almost all of it set’s an #6e61b0 color which represents the theme’s accent color which you’ve set for it while other is the css for the settings you’ve chosen for your theme appearance, that’s how the theme works.
The woocommerce/bbpress or buddypress css added by the theme can be removed if you don’t use it or need it. Search for it in themes style.css file or .less files and remove all css line which refer to woocommerce or bbpress or buddypress.

@Bichareh You can search for woocommerce references here: http://screencast.com/t/6mQMK5Vk0Ne ..bbpress here: http://screencast.com/t/j6A1DdeN

Thanks

Hi,

Sorry it was a misunderstanding: http://themeforest.net/author_dashboard?utf8=%E2%9C%93&filter=all&term=sayeedahsan#comment_9128950

1. I have checked your site and seems to look fine: http://screencast.com/t/zkr9OkdB – http://screencast.com/t/PaMWYhlD
Please provide more details. Did you solve the issue?

2. Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/WBpq1kiHXcI

a:hover{
text-decoration:none !important;
}
Note that this will apply on all links when hover it!

3. You can set category tag to show from Theme Panel > Categories > each category: http://screencast.com/t/NuOuTjpQN

4. Try this custom css in Theme Panel > Custom Css: http://screencast.com/t/pM4MTaJRLFT

.td_block3 .td_mod6 .entry-thumb{
box-shadow: 4px 4px 6px rgba(10,10,10,0.3);
}

5. You can disable transparent header from here: http://screencast.com/t/R7AYL3m0QeM
If this is not your issue please provide more details!

Thanks!

Hi,

@idansx This is not as simple like it looks. It cannot be done if you are using Style 1 only with css.
Please provide your site URL after you are done with that custom modifications and I’ll inspect this and try to provide you a css code for space that you are talking about.

Thanks!

Hi,

First please make sure you also test this without any plugins active and leave just Visual Composer plugin active together with the speed booster plugin and also empty cache then check again.
This could also happen when using the speed booster plugin as this plugin moves the css and js automatically to the bottom of the page.
I have also tested your site and haven’t noticed this behavior. Please let me know if you still experience this and make sure you update the theme to the latest version and also update the speed booster plugin then let me know if you still have this issue.

Thanks

Hi,

Unfortunately there is no option to change font for subfooter menu from Theme Panel.
Please use this custom css in Theme Panel > Custom Css: http://screencast.com/t/LtDCHjoOh0A

.menu-footer-container{
font-family: 'Open Sans Condensed' !important;
font-size: 12px;
}

Thanks!

Hi,

The thumbs for the images on blocks/modules are created by the theme and loaded at smaller sizes so when on phones or tablets depending on the screen view the thumbs need to get a bit stretched so that they fill their container. You could change this by adding a new thumb size or altering the one you use and have it to use a larger one which would look better on mobiles or tablets.
The size of the images can be changed from functions.php: http://screencast.com/t/FbsZ2g0g
And regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also note that if you alter it’s size it you might need some css modifications.
You could change it’s color via css but only if you’re using different blocks on your sidebar as if you’re using the same block/blocks you can’t target via css just one and change it’s color.
Let me know of your situation I’ll let you know if it can be done easily.

Thanks

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/LgDxLYU0fHZD

.td-a-rec-id-sidebar{
text-align: left !important;
}

Also you can use “Text with title” > “Text Block”(without title) > “Ad Box”

Thanks!

Hi

Please try this custom css for homepage on tablet view: http://screencast.com/t/bcR9zJYFZ

@media (min-width: 767px) and (max-width: 1018px) {
.home .td-page-wrap .td_rec, .td-social-wrap {
padding-bottom: 0px !important;
}
.home .wpb_widgetised_column .block-title{
margin-bottom: 5px !important;
}
.home .wpb_widgetised_column .widget_text {
margin-bottom: 15px !important;
}
}

Hope this helps!