Search Results for 'css'

I do, but my user won’t right here and right now. As far as I had to take care of the bug by myself, here I post the solution, hoping it will be useful for others.

On Custom CSS, add:
.td_block_wrap:not(.horizontal-swap) .td-module-meta-info { flex-shrink:0!important; }

On advanced CSS under tablet portrait and mobile, add:

.td_module_wrap.td-meta-info-hide .td-module-meta-info {
flex-shrink: 0;
}


After doing this, i have this problem.

The gap between titles and picture is getting longer while i scroll down.

And there is also a big gap below footer.

Please help me 🙂

Page css is below:

.td_top_authors {
margin-bottom: 64px;
}
.td_top_authors img {
position: absolute;
max-width: 70px;
left: 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_top_authors img {
max-width: 55px;
}
}
.td_top_authors .item-details {
margin-left: 85px;
position: relative;
height: 70px;
top: 1px;

@media (min-width: 1019px) and (max-width: 1140px) {
.td_top_authors .td-authors-name a:after {
width: 300px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_top_authors .td-authors-name a:after {
width: 228px;
}
}
@media (max-width: 767px) {
.td_top_authors .td-authors-name a:after {
width: 100%;
}
}
.td_top_authors .td-author-post-count {
background-color: #222;
}
.td_top_authors .td-author-comments-count {
background-color: #444;
}

• This reply was modified 7 years by arthale.

I’m not sure I get. Do you mean edit css from “/wp-admin/theme-editor.php”? In that case as I said before I’ve already did all the changes on my child theme style.css Or maybe you mean “site/wp-admin/customize.php”? In that case it don’t seem to be set there.
At the moment it works only choosing “Open Sans” from Newspaper Theme Panel, but I’d like to choose my favourite font once for all instead of Roboto or at least understand where that font come from.
Thanks anyway for your answer, very kind.

Edit: Updates! Pages seem don’t work at all, they always show roboto even if I set it up on open sans. Bof, bof, bof…

• This reply was modified 7 years by mf_srls.

Hello
I need to see my topbar content also in mobile devices, so I’d like you tell me how to achive this (I’ve got CSS skills)
My site is topbruselas.com

Thanks in advance.

The solution, i copy the demo css in to my child theme.

Thank you again

if it can help you, would appear to be patched (patched, not solved) applying css
Patch NOT APPLIED in order to let you see the bug, just to hel pyou focusing the problem.

.td_block_wrap:not(.horizontal-swap)  .td-module-meta-info {
flex-shrink:0!important;  
}

Hope it helps to fix the problem.

• This reply was modified 7 years by lukferroni90.

Awesome, its working. Thank you

But one question, i imported the whole demo in a local demo and i don’t see any custom code in the demo. I am doing something wrong ? or is not possible to recreate the site without the custom css?

Even with the custom css, the overlay menu is not working.

Yes! I have all my menu’s now also on my mobile website. Thanks very much!

Should I open a new topic about the custom code? I asked these codes everywhere for help on different fora and also here when I was an absolute noob and had zero knowledge and now I am a little bit more smarter at webdesign and also know what HTML, CSS, javascript and php is.

Now I want to clean up a little bit, but I don’t know what these codes do.

Could you help me explain what these codes do so I can decide if I should delete them or keep them? Or should I open a different topic.

.menu-item-125 .sub-menu{
max-height:400px;
overflow:auto!important;
}

.category .td-page-title{ display:none!important }

.td_category_template_6 .td-category-header {
min-height: 400px;
}

.vc_tta-container .wpb_video_wrapper iframe {
height:100%!important;
}

.wpb_heading { display: block; }