Search Results for 'css'

Hi,

If I understand correctly, you want to hide the header menu from homepage https://www.screencast.com/t/hzbiCeGCvy
Something like this:
https://www.screencast.com/t/ouT4IclwzW
If is so just add this custom scc in Newspaper>Theme pane>Custom code>Custom css
.home .td-header-wrap{
display: none;
}

Thanks.

Hi,

At the time of checking all your posts seem to return a 404 error
– https://www.screencast.com/t/mBcfyJpdMJ

If the website resources are loading slow sometimes, or are blocked for some reason (by a robots file for example), there will be warnings or the page in question will be declared not mobile friendly
– https://support.google.com/webmasters/answer/6352293?utm_source=search_console&utm_campaign=sc-mft-test

Some more topics I found and could be useful in this matter
– https://support.google.com/webmasters/answer/6153277?hl=en
– https://kb.yoast.com/kb/fix-blocked-resources-google-search-console/
– https://mor10.com/robots-txt-might-be-ruining-your-mobile-friendly-ranking-with-google/
– https://www.ostraining.com/blog/general/google-mobile-robots/
– https://moz.com/blog/why-all-seos-should-unblock-js-css

Hello awtown,

Unfortunately, if you want to change the font size for that element, you should use a bit of CSS code for this. You can provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate response.

Thanks.

Hi,

The layout for the default post templates (which can be used for CPT) will be according to the sidebar position (left, right, no sidebar).
The width of the actual containers is set in the theme stylesheet in general, not just for the post templates. For example a template with a sidebar
– https://www.screencast.com/t/qQSgnWTMC
– https://www.screencast.com/t/o5UPSqysp
Modifying the values in the stylesheet will have general effects.

The content inside these containers is dependent on these values, changing them may damage the content.
However you could experiment with CSS targeted specifically for the custom post type. The CPT name will be shown as a class on the body. So for example
– https://www.screencast.com/t/TfkXRCmK
Code used in example here

.single-td_book .td-pb-span8.td-main-content {
width: 75.66666667%;
}
.single-td_book .td-pb-span4.td-main-sidebar {
width: 24.333333%;;
}

Thanks

Hi,

Unfortunately for the moment you need to track the id post/page to do that.
You can use this guide Create custom code with the browser’s Inspector or the Live CSS Box , and track the id, or clasid https://www.screencast.com/t/66999rTUa0
Hope this will help you.

Thank you for your understanding.

Hello paologalli,

Did you have tried to create your TagDiv Gallery inside a Column Text like this ->
https://www.screencast.com/t/t8bGUtcSsZq? Here you can see the results -> https://www.screencast.com/t/fgFsuKxl

HOpe this helps!

Thanks for your understanding!

Hi perfectbodymate,

I check the live css and the space work just fine ( https://www.screencast.com/t/mPMJN9CxHf4d ), please try to test with other browsers or with other computer.
Let us know the results.

Thanks.

Hi,

If this is what you like https://www.screencast.com/t/h4CYmscDfpu , all you have to do is to have the search in menu enable and paste the below custom css
.header-search-wrap{
position: absolute;
top: -100px;
}
.td-header-style-4 .header-search-wrap .td-icon-search {
color: black;
}

Thanks.

Hi,

Please replace the above css with this one:
.td-header-style-4 #td-header-menu ul.sf-menu > .td-menu-item > a {
word-break: break-word;
max-width: 142px;
min-height: 78px;
line-height: 20px;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}
.td-header-style-4 #td-header-menu .td-icon-menu-down {
display: none;
}
.td-header-style-4 #td-header-menu {
width: 1024px;
margin: 0px auto;
display: table;
}

Thanks.

Like this seems to work better – http://prntscr.com/lfrzhk

.td_flex_block_2 .td_module_flex_2 .td-module-container:hover:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(196,95,10,0.9);
}

You could now add a transition to this code, I believe that is how the website you mention does it. Here is a guide
– https://css-tricks.com/almanac/properties/t/transition/

Hi,

Please copy and pest all code, this custom css is only for the home page, will not affect other pages or posts;
Please see:
https://www.screencast.com/t/MaJYYCmj
code in post: https://www.screencast.com/t/w3bg6NRyBHB
In home page: https://www.screencast.com/t/4tOQhBr0C

If the problem is still there please provide some screenshots from custom css implementation ( haw you set the css ).

Thank you for your understanding.

Hi,

If you are using header style 4 please replace the above custom css with this one
.td-header-style-4 #td-header-menu ul.sf-menu > .td-menu-item > a {
word-break: break-word;
max-width: 142px;
min-height: 78px;
line-height: 20px;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}
.td-header-style-4 #td-header-menu .td-icon-menu-down {
display: none;
}
.td-header-style-4 #td-header-menu ul{
margin: 0px auto;
display: table;
}
.td-header-style-4 #td-header-menu img,
.td-header-style-4 .header-search-wrap .td-search-btns-wrap{
margin-top: 15px;
}

Hope this will help you.

Thanks.

Hi,

Please try this custom css:
@media screen and (min-width: 1364px){
.home .the_champ_sharing_container.the_champ_vertical_sharing.the_champ_hide_sharing.the_champ_bottom_sharing {
margin-left: -110px !important;
}
}

Thanks.