Search Results for 'css'

Hi,

Glad you dida nd sorry for the delay.
You can do it via css, use this in theme panel > custom css:

Use this for homepage, just change the height value as you like:

.home .td_block_slide .iosSlider-col-1, .home .iosSlider-col-1 .item, .home .td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item .thumb-wrap .entry-thumb {
height: 300px !important;
}

Use this for the other pages:

.td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item, .td_block_slide .iosSlider-col-1, .iosSlider-col-1 .item .thumb-wrap .entry-thumb {
height: 300px !important;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please use this custom css to fix this:

@media (max-width: 767px){
.td-header-bg .header-style-3 .td-logo img {
position: fixed;
top: 3px;
z-index: 3;
width: 180px;
height: 48px;
}

.td-menu-placeholder .td-affix {
height: 48px;
z-index: 2 !important;
position: fixed !important;
}
}

Should work like this: http://screencast.com/t/OTIVJzbYW8p
The logo looks like that because of it’s original size, try to add an logo for mobile from theme panel.

Thanks

Hi,

Thanks for letting us know!
You can adjust the white space as you like via css, please follow this if you want to change it: https://forum.tagdiv.com/topic/remove-white-space-between-blocks/#post-20049
Let me know if you can’t manage this.

Thanks

Hi,

The menu loaded on mobile screens it’s different in appearance and functionality from the one used for the tablets and desktop screens so the mega menu dose not work on mobiles. In order to have an category with it’s subcategories you will have to add them like this: http://screencast.com/t/y9FnwtA0g which will be displayed like this in the mobile menu: http://screencast.com/t/lh5kwtedaaUP
If you decide to use the mega-menu to display a category with subcategories you will not have the subcategories displayed in the mobile menu.
A workaround would be to add the category twice in the menu from appearance > menus, once to display the subcategories as a mega menu and once to to add the subcategories as sub-items then use custom css to hide one on desktop/tablets and the other on mobiles.
Sorry about the inconvenience.
Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

1. Looks fine to me, this is “Ubuntu” on your page: http://screencast.com/t/tyYTqVEex and look’s to me like it dose on google fonts page: http://screencast.com/t/BsD9l6Xvi the point is that the fonts do change, please use the one that looks fine, from I have noticed the one that you are using now looks fine and supports the turkish characters.

2. This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme blue color appears first then changes, because of the cascading property of css, the same regarding fonts.
What you can do is to use the method I suggested before and change the color and the fonts directly into the css style-sheet which will make your colors and your fonts to load first and stay that way. You could also deactivate the plugin if you don’t need it.

3. Regarding the theme panel’s custom typography I have made some tests with it to check if it’s working well and noticed that works just fine for widgets title:
This is what I have chosen: http://screencast.com/t/M9V7tFarfe
This is the result: http://screencast.com/t/suckL0bGpf
This only changes the widgets title, not the block title, for that you will need custom css.
For the menu items also works: http://screencast.com/t/Qr3UD6bMeo

Try to change it yourself like this, I’m not sure why it dose not work for you, it may be due to some plugins or the speed booster plugin which overwrites the settings from theme panel, try this without any plugin activated and check if works.
Like I said before the best solution would be to replace the fonts and color as you like and need into the style.css file, this will solve both issues if you want to use the speed booster plugin or try to see if this works without the plugin.

Sorry for the delay, hope this helps!
Thanks

Hi,

Use the following custom css to fix the header:

@media (max-width: 767px){
.mobile-logo-wrap img {
top: 2px !important;
height: 100% !important;
}
}

@media (min-width: 768px) and (max-width: 1018px) {
 .header-logo-wrap {
height: 69px;
}
.header-logo-wrap img {
margin-top: 20px;
}   
}

@media (min-width: 1019px) and (max-width: 1200px) {
.header-logo-wrap {
height: 80px;
}
.header-logo-wrap img {
margin-top: 25px;
}   
}

@media (min-width: 1201px){
.header-logo-wrap {
height: 100px;
}
.td-header-bg .header-logo-wrap img {
margin-left: 67px;
margin-top: 28px;
}
}

Noticed that you have figured out how to change the background: http://screencast.com/t/t7GgF5vlI
Glad you did!

Thanks for the message!

Hi,

Use this custom css, like this: http://screencast.com/t/IveE0vfW23

@media (max-width: 767px){
.td_block_big_grid {
display: none;
}

.td-grid-wrap {
padding: 0px 0px 0px 0px !important;
}
}

Remove the .td-grid-wrap {padding: 0px 0px 0px 0px !important;} if you want to keep the spacing above the ad.

Thanks

Hi,

Use this css to make the logo look like this: http://screencast.com/t/22Ydp8GV7a3R

.mobile-logo-wrap img {
height: 100% !important;
width: auto !important;
top: 0px !important;
}

@media (max-width: 767px) {
  .td-menu-wrap {
height: 55px !important;
}  
}

Change the values as you like.
Regarding the “menu icon” I have noticed that it’s there now: http://screencast.com/t/DJlgZSaviL also looks like it should. Please let me know if you have any other issues with this.

Thanks

Hi,

The problem comes from this custom css: http://screencast.com/t/DcaenrFMxhxk and the issue it’s with both posts styles not only 3 the difference it’s observable though only for the post style 3 because of the large width of the feature image.
You can check this yourself, just inspect each post then check the span’s 8 width and remove the /* width: 60.5% !important; */ line and you will notice how it will change and move to the right: http://screencast.com/t/xnwit4JCSGq
You can remove or overwrite this css to fix this or you can use this css:

.td-post-sidebar .textwidget p {
word-wrap: initial;
}

…to not wrap the words from sidebar and leave it this way.
My advice is to remove the css for that width.

Thanks

Hi,

I just checked your site and seems to me it’s working fine using both fonts Roboto/Open sans: http://screencast.com/t/dylrBRszw I have enlarged the block title font here so you can see that if you use this font the turkish characters look fine also.

Use the css like this if you want to change the block titles: http://screencast.com/t/BPwIBCHr2z

.column_container .block-title span {
font-family: "Open Sans" !important;
line-height: 28px;
}

Regarding the blue default color loading first, please re-install the speedbooster plugin and also update the theme to the latest version 4.2.2. Before this please make sure you make a backup of your current theme files so you can revert if something goes wrong.
If that dose not help, try this solution: https://forum.tagdiv.com/topic/about-default-theme-colors/#post-17657
Hope this helps!

Thanks

Hi,

Thanks @TheMediumUTM!
Using .widget class will not work because the block dose not have a parent container with that class, best will be to use the css like this:

.td-post-sidebar .td_mod6 {
  border-bottom: 1px solid #7d7d7d;
}

Result: http://screencast.com/t/oxKbz3Sd8ca1
This will work only for post page template, you need other css for other sidebars.

Thanks

Hi,

@jenny_moviral
The slider looks like that because was modified, I have noticed that it’s been fixed at 330px height http://screencast.com/t/9iuNrQrt4jNs this is the reason for the slider looking like that and you need 4 posts in the slider not 3 , try to remove that custom css and check if this is still happening.
Also noticed that you are using the 3.5 theme version. We have changed the layout for the slider on mobiles from version 4 if I remember right so you can try it. Make sure you make a backup of your current theme so you can revert back top it if things don’t work well as we made some changes until 3.5 version. http://screencast.com/t/9iuNrQrt4jNs

@mrsky28 Do you have the same problem? Please send me an URL to your site so I can inspect this.

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Are you referring to the category description? http://screencast.com/t/HCe8R859b
You can change this via css using this custom css in theme panel > custom css:

.category .entry-content {
background-color: #4db2ec;
font-style: italic;
color: #fcfcfc;
text-transform: capitalize;
font-family: Lobster;
}

Please let me know if this is what you want to change.
Change the background-color/font-family/style/color... as you like.
Hope this helps!

Thanks

Hi,

That space comes from rows not from blocks. Use this custom css to remove that:

.home .td-grid-wrap .wpb_row {
margin-bottom: 0px;
}

Thanks

Hi,

The css should not affect the sidebar as it apply’s only to the post title. The sidebar’s width should not change though when you use post style 3, as I noted before, I have made some tests and found no issue.
Please set the post to use post style 3 and then let me know so I can inspect this.

Thanks