Search Results for 'css'

Hello Popped,

1. You can eliminate the “gap” by making the site boxed. Just add a background image or color (even white) and the site will be made boxed: http://screencast.com/t/ND1EPkg5kn.
to remove the shadow image add this custom css to the theme panel -> custom css:
.td-header-gradient:before {display:none;}

2. You can add an image to the header using this code (i assume you are using header style 9):

.td-header-style-9 .td-header-sp-logo {
background: white url('http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg') no-repeat;
background-size:cover;
}

the result: http://screencast.com/t/GmDrXVsxijx

3. The shrinking menu animation from the website you mention is custom built and requires quite a bit of coding. Unfortunately we cannot offer any custom work. You can hire a freelancer to do it for you from sites like http://studio.envato.com

Thank you.

Hi kevingilmour,

I’m not sure how it looks on your side,
You could try to add this code in the theme panel-> custom css:

.woocommerce ul.products li.product h3 {
text-align: center;
}
.woocommerce ul.products li.product .price {
text-align: center;
}
.woocommerce ul.products li.product .button {
margin-left: auto;
margin-right: auto;
display: table;
}
.woocommerce .products .star-rating {
margin: 0.5em auto 0 auto;
}


Let us know how it works out.
Thanks!

Hi,

You can do this only manually in style.css as the theme doesn’t have an option to set a general font.
Regarding the custom font try to create a folder like Fonts in public_html on your server, make sure you have permissions for that folder, then verify in page source if the font is loaded. Then you can add thr font name and paste the url where you uploaded the font and specify a name – http://screencast.com/t/bosHz93pa1li – http://screencast.com/t/rDbnlGghhXYt

Thanks!

Hi,

Maybe you have to use !important to apply the custom css, for example – http://screencast.com/t/Ub8ryC4Y also make sure that you targeted right. You can provide a link so I can take a look if what I suggested above doesn’t work.

Thanks!

Hello robert4web,

The theme was designed in such a way that the top menu is hidden on the mobile version. There is a workaround however, using a custom CSS code, but you need to tell us what you want your mobile top-menu to contain, because the space is limited on mobile phones and adding all of the content (login widget, menu and social icons) will take up a big portion of the screen.

Examples:
full content: http://screencast.com/t/TXZeKqUbxqyY
login widget with social icons: http://screencast.com/t/jxljko5scU8T
just login widget: http://screencast.com/t/ISsO24sPjd1v

Thank you.

Hello bobbymc,

Please try the following CSS:


@media (max-width: 767px){
.td_text_columns_two_cols {
-webkit-column-count: 1;}}

Add this code in the theme panel like so: http://screencast.com/t/lCMTdGFt

Thank you.

Hello Schuchi,
If you use google adsense you should not have this problem, but for a ‘custom ad’ try adding this CSS in your theme panel as it needs a bit of adjusting:

 .td-header-style-7 .td-a-rec-id-header > div {
display: table;
}

http://screencast.com/t/FnDaxgFwmfPv

Thank you.

Hi,

I have checked your post again and the counter doesn’t work proper. These errors may cause issues, they are still there. Did you tested without any plugins active except of Visual Composer? Usually these errors are caused by plugins, also please disable any js/css minifications. Try to refresh the page when your are not logged in(in a incognito page) and see if the counter increments.
If the issue persist please send an email at contact@tagdiv.com and provide wp-access so we can take a look, also paste a link to this topic so we can know who you are and what your issue is.

Thanks!

Hi,

I guess it is more easily is to add the background image using custom css in Theme Panel > Custom Css – http://screencast.com/t/QpFHa5yt

.error404 .td-main-content-wrap {
background-image: url('link to your image');
}

Thanks!

Hi,

You will have to combine that css with this one – http://screencast.com/t/IBIcV9Xnjlw

.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
opacity: 0;
}
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before {
opacity: 1 !important;
}

Thanks!

Hi,

The css is applied in cascade so the font set in the panel will overwrite the default font. The only way to stop the default fonts to load first is to search and replace them in style sheet file – http://screencast.com/t/igScbqdmDfH

Thanks!

Hi,

Newspaper 6 is practically a new theme, the whole code was rewritten, reviewed and refactored. Lots of new features have been added, new grid system, new design, options and so on. I suppose you would want to use new version’s features/blocks/modules. We have added within theme’s panel an update script which when run will import the previous version settings, but unfortunately you will have to adjust the custom css to work in latest version, sorry!

We will try to provide security updates for a while, but I suggest to update to the latest version and always use the latest version.

Thanks!

Hello pandian,

As i see it, you have the same thing set up as the other site, just that the homepage is different (not in the menu). When you access the ‘interesting on the internet’ category, the “underline” will be active. If you place a homepage link(button) in the menu, it will have an active border as well just as the other site.
If you truly want it like you said, for the category (‘ioi’) to be highlighted in the homepage you can add this custom css in the theme panel->custom css field .
I’ve also positioned your logo to your specifications. http://screencast.com/t/fR4tKRkg

.td-header-style-1 .td-header-sp-logo {
margin-left: -10px;
}
.home .menu-item-first a:after{
background-color:#4db2ec!important;
}

Thank you