Search Results for 'css'

Thanks. The problem is that my custom css does not line up my logo and ad in the header the way it was before. They have changed something in the new css for version 4.0.

I do not understand why something so good as this theme has this idiotic miss – not being able to easily fit your own size of logo and ad. Why do they force you to their logo and ad size. They don’t seem to care. This is not the first time I have brought this up. This is insane.

Add your custom css to end of style.css then do this each time you update theme. Best way.

This is my Custom css, which never changes:

.td-header-style-1 .td-header-top-menu {
top: 0;
}
.td-header-top-menu{
padding-left: 12px!important;
}
.td-header-sp-top-menu{ float:left!important; }

@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}

@media(min-width:1021px){.td-header-style-1 .td-header-row {
width: 1023px;
margin-left: auto;
margin-right: auto;
}
}
.td-header-menu-wrap {
background-color: #28B775;
min-height: 48px;
}
.td-header-style-1 .td-header-row {
width: 1030px;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-logo {
width: 460px;
float: left;
position: relative;
margin-left: 0;
margin-bottom: 8px;
margin-top: 8px;
}
.td-header-sp-rec {
float: right;
margin-bottom: 8px;
margin-top: 8px;
width: 468px;
position: relative;
}

@media (min-width: 768px) {
#td-top-search {
position: absolute!important;
top: 10%;
}
}
.td-header-container {
width: 100%;
}

@media(min-width: 768px) {
#td-top-search {
margin-top: 0!important;
position: inherit;
display: inline-block}
}
.td-header-menu-wrap:before {
background-color: #000000;
content: “”;
display: block;
height: 4px;
}
.td-header-border:before {
height: 0;
}
.td-trending-now-wrapper {
background-color: #FFFF00;
height: auto!important;
}
.td-container-border > .td-pb-row:first-child .wpb_wrapper .td_block_wrap:nth-of-type(1) {
background-color: #FFFFFF;
}

@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}

@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}
}
.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #000000 ;
}

@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}

@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}
}

My problem remains!

I do not have Editor under Appearance.

Every time an upgrade to the theme is released, I have to alter the .css code, where the size of the header logo and ad are specified, BECAUSE, there is a resizing “blink” if I do not do that to match the sizes that I desire for my logo and ads in my Custom css.

A huge flaw of this theme is that id does NOT allow you the freedom to set your own header logo and ad sizes, without having to go through the insanity I go through every time there is an update… and now I cannot even access the main css via the admin panel….

Peter

Have the same issue. Only (partial) solution I can see now is to rebuild all of the pages using the tagDiv Image box after some modification to CSS to remove the overlay. Even VC rows are not respected, my layouts are toast. Yikes.

Hey Chris, I’ve made my mind and stept off of AMP for now. Will optimize my pages further to make the speed go up and deliver a better user experience. Already upgraded to PHP 7.1, moved some non-essential JS-code to the bottom of the header, minified CSS + JS including above the fold optimization. It really works wonders so far. Have tried multiple times on a test-VPS to get http2 to run, but Custombuild 2.0 (DirectAdmin) doesn’t natively support it yet. The following tutorial for example:

https://www.vultr.com/docs/how-to-activate-http2-support-on-directadmin-centos

Everything goes well, until cURL comes around the corner. Online checks don’t show my websites using http2, and the following command is not being recognized: ‘curl –http2 example.org’. Can’t get it set up right, but might have to do something with the ISO that my provider uses for CentOS 7 + DirectAdmin VPS’s.

Anyway, that’s not a story for this forum. 😀

Thanks for your information so far! It has been very helpful.

• This reply was modified 9 years by Torasko.
• This reply was modified 9 years by Torasko.

Hello Nano,

Write a simple plugin for functions.php, and add your custom codes there. The plugin will auto put your custom code to the both main and mobile theme’s functions.php. So whenever you update the theme, you don’t need to edit functions.php file.

For style.css, you can use theme panel to add custom codes. You can force write the rule by adding an important tag.

For fonts, it seems you’re using Poppins bold for headlines and the default fonts for the rest of the site. You can create own.woff file for the Poppins bolt and use it with custom fonts file option in the theme panel.

Hope this will help you.
All the best

I could find that each image has a css class called entry-thumb which has the opacity in value 0 and prevents it from displaying. Do you have any solutions or should I overwrite this class myself in the configuration?