Search Results for 'css'

Hi,
OK. I understand now your issue but unfortunately there is just a slight problem. Your post without a featured image is dynamically placed. It will not maintain the same position in the block. You can remove indentation from all titles or a particular title but not dynamically. Css is not dynamic. If I remove indentation for the second title for example, but if the second title has a featured image besides it it will appear broken. There is no way to style just a particular element in the block unless the block has fixed content. not dynamic.
I hope this explains the situation. If you really need this customization you will need to hire a freelancer to help you out on this one.
Thank you!

Hello jmbernstein,

To align your header menu, please try the code below and place it in your Theme panel->Custom Css area, like this: http://screencast.com/t/7HiSiZrBry

.menu-main-menu-container {
display:table;
margin-left: auto;
margin-right:auto;
}

The result you should see here: http://screencast.com/t/Xwc4o1Ifjox

Thank you for message!

Hi,
you can target a specific category or post using the post id or category id. you can use your browser inspector to find it on the body tag: http://screencast.com/t/nlFLTchqbRyv the same applies to categories http://screencast.com/t/6WRac6CUk

you can then use it as a class at the beggining of your css code like so:

.category-10243 .backstretch {
width: 100%;
height: 100%;
position: fixed;
z-index: -99999;
top: 0;
}
now the code will only apply to that particular category.
I hope this helps
Thanks.

Hello Rhonda,

If you mean about this space http://screencast.com/t/x5pfv4e7CG , please try the code below and place it in Theme panel->Custom Css area.

@media (max-width: 767px)
.td-main-page-wrap {
padding-top: 0px!important;
}

You should see the result, here: http://screencast.com/t/dl4JLTvV

If is not what you want, please provide more details about it so I can be able to provide a more accurate response.

Thank you!

Hi,
You will need to provide a link to the page so we can inspect it. We cannot provide a css solution based on assumptions. We need to see how your title works and if our code applies or if not, why it does not apply.
Thank you!

Hello,
The screenshots work now.
1) the grid does not come from our theme and we cannot say for sure how responsiveness is supposed to work with it. We can assure responsiveness for our modules and blocks. We cannot assure it for custom made widgets.
2) The same applies for css styling. The methods the titles are placed is different. Our blocks use a h4 title and the custom widget you use is a ‘span’ element. You will have to use a custom class on the span element so you can target it with css and apply a background color an a bottom border.
Thank you!

Hi omar ahmed,

If you want to show only title from block, it is neccesary to hide the meta info. Please try the code below and place it in Theme panel->Custom Css area.

.td-module-meta-info {
display:none;
}

If you want to hide this for a specific block, it is neccesary to find what kind of module uses that block and put it in your code, like this:

-example for block 1-use module_4

.td_module_4 .td-module-meta-info {
display:none;
}

Here, http://screencast.com/t/8VHoTm5bW you can see the list with modules and block

Hope this helps and let us know how it goes!

Thank you!

Hi,

Please provide your site url and more details about the header background as I’m not sure what you mean. Also you can check the header templates available for Newspaper theme – https://forum.tagdiv.com/header-styles/
You can remove the search from the menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/mowhxMOda

.header-search-wrap {
display: none;
}

Thanks!

Hello Vladimir,

1) I think you are referring to the responsiveness of the logo on mobile.
You can use this custom css to make it responsive again.
@media(max-width:767px){
.td-header-style-10 .td-logo {
width: 100%!important;
}
}

2)You can change the mobile menu color from the theme panel: http://screencast.com/t/9xlJiRSDKR

Thank you!

Hi,
Please provide a link to your website so we can inspect the post. It can be done with custom css but we need to inspect the sticky post to do it.
Thank you!

Hello,
You can use this custom css to increase the image sizes:

.flickr_badge_image{
width:98px;
height:84px;
}

If this is not what you mean, please provide more details so we can understand the issue better.
Thank you!

You can use custom css to apply an image to all the template 11 posts:

.td-post-template-11 .td-video-template-bg{
background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b5/Winnersh_Meadows_Trees.jpg');
background-repeat: no-repeat;
}

result: http://screencast.com/t/mG1hLR1DdDu

You will have to use your own image in the image url and it will propably require a few adjustments to align properly.
Thank you!

Hi jytgraphics,

Our theme has not been designed to show the top menu bar on smaller devices. To achieve this, please try the code below and place it in Theme panel->Custom Css area, like this:

@media (max-width: 767px) {
.td-top-menu-full {
display: block!important;
}
}

The result you should see here: http://screencast.com/t/kyOP2B31AIdV

Hope this helps and let us know how it goes!

Thank you!

Hello,
Unfortunately there is little you can do with iframes. If the iframe is not responsive, you cannot change this behavior. You can make the sidebar fall under the content like on mobile phones by using this css:

@media (max-width: 1018px){
.td-pb-row [class*="td-pb-span"] {
padding-right: 0;
padding-left: 0;
}}
@media (max-width: 1018px){
.td-pb-row .td-pb-span1, .td-pb-row .td-pb-span2, .td-pb-row .td-pb-span3, .td-pb-row .td-pb-span4, .td-pb-row .td-pb-span5, .td-pb-row .td-pb-span6, .td-pb-row .td-pb-span7, .td-pb-row .td-pb-span8, .td-pb-row .td-pb-span9, .td-pb-row .td-pb-span10, .td-pb-row .td-pb-span11, .td-pb-row .td-pb-span12 {
float: none;
width: 100%;
}}
@media (max-width: 1018px){
.td-pb-row [class*="td-pb-span"] {
display: block;
min-height: 1px;
}}

But unfortunately your iframe will not take up the rest of the space in order to fit inside the page properly.
In order to align it to center you will need to align the container to the center. In your case it is a

element. You can add an extra class to it from the text editor like so:

iframe

Then you can use the custom class with css like so:
.customclass{
text-align:center
}
I hope this helps

Buna,

Se pare ca nu functioneaza counterul de view-uri. Va rog sa dezactivati toate pluginurile exceptand Visual Composer, sa dati clear la cache si sa verificati daca da-ti refresh de cateva ori un articol sa vedeti daca problema persista.
Counterul de view-uri puteti sa-l ascundet folosind custom css in Theme Panel > Custom css – http://screencast.com/t/aELQUaJGk1R

header .td-post-views {
display: none;
}

Sau din cod daca doriti, doar comentati aceasta linie pentru fiecare template de post – http://screencast.com/t/cSfGxWk3d7x

Mersi!

Hello,
You can use CSS to target the hover color:
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover{
background-color:blue;
}

result: http://screencast.com/t/vANc2cQ4
Thank you!