Search Results for 'css'

Hi Catalin

Sorry as perhaps I wasn’t clear. I am using the latest version 7.4 and plugins etc. I cannot install the demo theme as it wipes out my whole website whether I check include or not include content. I have to get my host to install a backup twice!

I have managed to create the black header etc but all I need to do now is to have the pages and posts with black (dark background) How do I do this or can I simply add some custom css? If I do this what do I add?

My site is http://www.funeventsasia.com

Hi

You made some changes in theme’s files and the layout it’s a bit affected. You can try this css to correct that issue: http://screencast.com/t/jyWFOMfcAlnI

.td-ss-main-sidebar{
width: auto!important;
}

Thanks!

HI

There is no need by any php to display a block in post content, you can simple paste it’s shortcode in post editor: http://screencast.com/t/uLMk1LkoBa – http://screencast.com/t/4htR55xwU6
To hide the block on mobile use this css:

@media(min-width: 768px){
.td-post-content .td_block_2{
display: none!important;
}
}

Hope this helps!
Thanks!

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/po8UDG4jS59o

.td_block_7 .td_module_6 .item-details{
margin-left: 90px;
}
.td_block_7 .td_module_6 .entry-thumb {
width: 80px;
}

Let me know how it goes!
Thanks!

Just some feedback as somebody who uses his iPad every day going on 4 years:

On the iPad in portrait, the sidebar does stay on the right unless you have something in the sidebar which is not responsive and which has a fixed width of 300. So, this is why it’s best to use “responsive” ad units, and anything else you put in your sidebar.

On a phone, it would make no sense to have the sidebar visible as it would be too narrow for anybody to see.

Simpler solution is to turn off sidebar ads on mobile, and then enable top of post ads for mobile 🙂

I guess if you’re using an iPad mini, the OTHER best solution would be to create a new viewport for “that size” which is in-between a phone and iPad. But you’d likely need to figure out what size that is, then modify the style.css to add that”width” at bottom of your style.css file.

So, the original iPad mini, which isn’t a good idea to shoot for is 1024×768, which is really about what a modern phone happens to be.

However an iPad MINI rev4, has a resolution of 2048-by-1536 — so you’d need an “interim” viewport added for the 1536 width to not break and go to smaller size and lose sidebar.

Hopefully food for thought 🙂

Well, you should not have two versions of same theme in theme folder; remember theme “names” come from the style.css file not the folder name. But yes, you can rename the theme folder if only one version is there.

You might want to read the wordpress docs (the ‘codex’) on wordpress.org for more info on renaming things. 🙂

Ok, thanks…i find newspaper-travel.zip. How can i make to install this Zip. I use The Menu to install the zip. But, installation no good . There is the message : there is no the file style.css (“L’archive n’a pas pu être installée. Le thème n’a pas de fichier style.css.”).
Thanks

Hey Amit
Did you just put this in your htacces file`?

<IfModule mod_deflate.c>
<filesMatch “\.(js|css|html|php)$”>
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>

# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault “access plus 5 seconds”
ExpiresByType image/x-icon “access plus 604800 seconds”
ExpiresByType image/jpeg “access plus 604800 seconds”
ExpiresByType image/png “access plus 604800 seconds”
ExpiresByType image/gif “access plus 604800 seconds”
ExpiresByType application/x-shockwave-flash “access plus 604800 seconds”
ExpiresByType text/css “access plus 604800 seconds”
ExpiresByType text/javascript “access plus 604800 seconds”
ExpiresByType application/javascript “access plus 604800 seconds”
ExpiresByType application/x-javascript “access plus 604800 seconds”
#ExpiresByType text/html “access plus 600 seconds”
#ExpiresByType application/xhtml+xml “access plus 600 seconds”
</ifModule>
# END Expire headers

Cheers

Hi

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

.td-load-more-wrap, .td-load-more-wrap:hover {
display: table!important;
margin-left: auto!important;
margin-right: auto!important;
}

Thanks!

Hi Catalin,

Is there a way to make that change without using css live editor? I’m struggling to find the specific line of code I need to alter in the style sheet and I do want to make this process as easily repeatable for fresh installs for future sites??

p.s. I do have a development site up on a hosting account now if that helps the situation?

Kind Regards

Hmm.. Okay ! I get it.

Thank you for suggesting about hiring a developer ( pun intended ) and yes I know about support policies very well.If the would have taken it literally, I or none of other members had ever felt the awesomeness that gets in various amazing threads here.

Being associated with WordPress for long for I know that the customizations that I asked for here don’t need more than 5 lines of simple CSS ( about changing the position of ” Create an account” button ) but since there is no legal boundation to help for this based on support policy, you have all the right to deny or say No.

On a serious note, I do understand that dealing with so many things by a small team of developers can really be tough so I have nothing but respect and praise for all you guys,

I will surely figure it in someway.. because I will be made if I had to hire a developer for this.

Thank you 🙂

HI

@Vanesafp the theme was intent to be responsive and there is no easy way to change that behavior. Basically you need to go trough style.css file and remove the code between media queries: http://screencast.com/t/jPiFmfdRBxf
This is a very complex task =which requires time and good codeing skills in order to be achieved. We can’t offer customization services at the moment so if really need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!

Hi

Try this css in theme panel > custom code > custom css:

@media (max-width: 768px){
.td-front-end-display-block{
display: none;
}
}

Thanks!

HI

I’ve checked your site and noticed that the css for menu it’s a bit different, that’s why the items are displayed on two lines. Try to deactivate all plugins except Visual Composer, clear all caches, purge cdn files if you’re using then test the site again. Also if you made any changes in theme’s core files try to revert them, or upload a fresh copy of Newsmag in your WordPress.

Let us know how it goes.
Thanks!