Search Results for 'css'

Hi,

You can remove it from here: http://screencast.com/t/mlTcFp8v or you can hide it via css. Depending on your needs you can still call that ad position. You can add it via page builder or you could alter the code to appear only on the pages you want it to.

Thanks

Hi,

@Ryuko We don’t recommend using the minify option for js and css also because we had numerous theme issues reported and the vast majority of them proved to occur because of minified js/css or when using CDN host services which can deliver old file content if not used right.
Taking all this into consideration we don’t recommend using the minifying option for js/css only if this are done manually and carefully studied which scripts can cause issues if minified and ignore them. This is also the reason we only recommend page cache as fro the database cache you can use MySQL Query Cache and find more info about it here: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html
Unfortunately we don’t have any documentation on this or tutorials and you can enable and use the js or css minfied but you should take note of that first if you have any theme related issues and errors in your console and disable them to check if the issue is due to the minfier.
So in conclusion please note that we don’t guarantee that using js/css minification will definitely cause issues but we just don’t recommend them to be done automatically as they could case issues.

@Aedin84 If the minify settings work well for you, that’s ok, you should consider them first though if you have problems or other js conflicts.
That happens because the theme panel changes are loaded after the main styles and using the speed booster plugin moves scripts and style to the footer determining the content to loaded first the the styles.
Hope this makes sense!

Thanks

Hi,

Please use this css for your top menu: http://screencast.com/t/dBEIorEbdg

.menu-top-container .top-header-menu li a{
color: #000000!important;
padding: 0px 15px 0px 15px;
}

Thanks!

• This reply was modified 11 years by Lucian.

Hi,

Unfortunately not as with newspaper there are other css classes and it also depends on the page you chose to add the google custom search.
Fell free to open a new topic there and let me know about this topic also and I will provide a solution in that case also.

Thanks

Hi,

Unfortunately I can’t offer you an exact answer on this as we are constantly trying to improve our product and satisfy our clients and we plan to make our products so that it would pleases everyone and if more clients make requests for a features/supports or functionality then we will try to do it, so the theme evolution will be determined on the go.
You can make your changes and take note of them and when a new updated releases then you update the theme and make your changes again.
The word “Share” will be included in one of the next updates on the Translations list.
The theme setting (the ones on the Theme Panel including translations and custom css) won’t be lost on update. If you make modifications on the theme code you can look on the modified files log which comes with the theme (it’s also posted on the theme presentation page, just scroll down until you find it) and update only those files (not the entire theme). If one of the files modified by you has been also modified by us in the update you’ll have to update it and reapply the custom modifications. My advice is to also and always backup the theme and the database before each update, in case something goes wrong you can return to the previous state.
Please also note that we are always open for suggestions and also if you find other issues please report them and we will do our best to fix them.

Thanks

Hi,

Please use this css to change it on Firefox:

@-moz-document url-prefix() {
.td-header-menu-wrap li a {
color: red;
}
}

Thanks

Hi,

On post default style you can try this – http://screencast.com/t/GvGzUNBK47fx – http://screencast.com/t/Urswrybsx9C
Don’t forget to add the css into the Theme Panel -> Custom CSS.

Thank you, Emil G.

Hi,

Use the browser inspector to check for the css used on that specific button, to modify it only on the post content area you could use a more precise css (ex. .post .wpb_button {color: red !important;}).
If you need a custom button you can look on the web for a button css generator or hire someone to build one for you.

Thank you, Emil G.

Hi,

Not sure how you could prevent this as that space is added using an inline style which add’s an 56.25% padding to the bottom f the player as you can see here: http://screencast.com/t/QKwcgtnVMky6
You could remove that padding via css and set it to 0 to remove that white space but you would have to add the script into another div container with an custom css class which you can use to target the div which has the padding and remove it.
I suggest to try identify the source of that inline styling and check if this also happens with other PlayWire videos embed codes.
Hope this helps!

Thanks

Hi,

Try this css: http://screencast.com/t/ZkWegX9ZrStt

.td_block1 .span6 {
float: right;
}

.td_block1 .row-fluid [class*="span"]:first-child {
margin-right: 0px;
}

.td_block1 .row-fluid [class*="span"]:nth-child(2) {
margin-right: 6.857142857142857%;
margin-left: 0px;
}

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Please use this custom css for the desktop and tables view:

.blog-stack .td-header-style-1 {
display: table;
margin-bottom: 49px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.blog-stack .td-logo-rec-wrap .header-logo-wrap {
margin-top: 20px;
margin-bottom: 20px;
}

And this css for mobile view: http://screencast.com/t/rw6JkWgpxc

@media (max-width: 767px) {
.blog-stack #td-top-menu > div {
display: none !important;
}
#td-top-search {
top: -55px !important;
right: -56px !important;
}

.blog-stack .td-header-style-1 {
margin-bottom: 0px !important;
}
}

Then set style 1 while using the blog stack, should look fine now.

Thanks

Hi,

Not sure to what css coding you refer to, just add the block where you want it then use css to style it.
You can also take a look at how the blocks are used in the footer and do the same for the header.

Thanks

Hi,

Unfortunately you can’t customize the attachment template using the page builder but you could edit the attachment template file (attachment.php) and customize your attachment page as you like.
For ex. I have used the do_shortcode() to add an gallery to the page, like this: http://screencast.com/t/RjuYUQIfLm3
This is the code I have used: <?php echo do_shortcode('add your shortcode here') ?>
You can also add css into the custom css filed in theme panel and use the .attachment class to target the attachment template.
Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

You can use the background-image css property and set an image to be used instead of the font: http://www.w3schools.com/cssref/pr_background-image.asp

Thanks

Hi,

Please use this css: http://screencast.com/t/HSJOZsL8mbH

.page-id-30 .td-container-border .td-pb-span6, .page-id-30 .td-container-border .td-pb-span8, .page-id-30 .td-container-border .td-pb-span3, .page-id-30 .td-container-border .td-pb-span2 {
border-left: 1px solid #ffffff;
}

.page-id-30 #cse-search-box input[type=text] {
border: 1px solid rgb(126, 157, 185) !important;
}

Hope this helps!

Thanks

Hi,

Please use this css with color you want: http://screencast.com/t/05DHu952fvd

.td-author-counters .td-author-post-count{
background-color:blue;
}
.td-author-counters .td-author-comments-count{
background-color:blue;
}

Thanks!

Hi,

You don’t need to disable the tagDiv Speed Booster plugin as this should all work together but please note that when using W3TC we only recommend using page cache without minifying js or css. Same with the CDN we don’t recommend any javascript minification.
If you want to do this you would need to do it manually and search and exclude the scripts which generate errors.

Thanks

Hi,

You would need to use the below media query to target the mobile screens and alter the css for the block/blocks you need to set on two columns so that it would behave like you want it to when your site is accessed from a maximum 767px screen width.
I suggest altering the css for blocks 7/8 which have the smallest thumbnails.
This needs custom work and you would have to do this yourself or get some to do it for you as we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/
Here is the media query you need to target the mobile screens and apply your changes to the css code:

/* responsive phone */
@media (max-width: 767px) {
place your css code here..
}

Hope this helps!

Thanks