Discussion on Envision - Responsive Retina Multi-Purpose Theme

orqun

orqun supports this item

Supported

2133 comments found.

Hi, the code you gave me so as to not have a background image on mobile devices and show only color is not working for me, this is the code I have @media (max-width: 979px) { .ui—section { background-image: none !important; background-color: #8a2714; } }

you can see it here https://www.cluny.com.mx/responsive/

Thanks

I would rather just not show the background image for cell phones, but for ipad do show The urls where the background images are: https://www.cluny.com.mx/responsive/historia.html http://www.clubhipicotepepan.com.mx/pruebaresponsive/menus.html http://www.clubhipicotepepan.com.mx/pruebaresponsive/bar.html

The code that I have is not working for me @media (max-width: 979px) { .ui—section { background-image: none !important; background-color: #8a2714; } } Thanks

orqun

orqun Author

Hi again,

Thanks for the details. Please try to add the following code instead of the old one:

@media (max-width: 767px) {
    html #page-content .ui--section.section-9wi6a,
    html #page-content .ui--section.section-2f6zn,
    html #page-content .ui--section.section-n6ofy
    {
        background-image: none !important;
        background-color: #8a2714;
    }
}

It should work now.

Best regards.

Thanks it worked great!!!

Orlo

Orlo Purchased

Hi there! I’m having problems with the main navigation menu. I want to maintain the structure like this: http://www.iecs.org.ar/menu1.png, but when the items overlay with the logo (http://www.iecs.org.ar/menu2.png), the menu should show like this: http://www.iecs.org.ar/menu4.png. There is a third type of menu that I would like to eliminate: http://www.iecs.org.ar/menu3.png. Where and how can I customize this? Thanx!

orqun

orqun Author

Hi,

Please add the following css code into the “Theme Control Panel > Global Settings > Add Code > Custom CSS Code” area.

@media (min-width: 979px) and (max-width: 1200px) {
     #header-navigation > li.top-level-item > a { padding-left: 12px; padding-right: 12px; }
     #header-navigation > li.top-level-item > a .ui--caret { display: none !important; } 
}

The code will decrease the gap between the nav menu items and hide menu arrow to fix the problem on small screen devices. ;)

Best regards.

Hi Orqun, could you please have a look at #21803? Thanks!

Hello orkun as I remove this white line that goes to the side of the title of the created modules? http://i.imgur.com/yyhblPl.png

Hello add the code but do not stay well, stay the plain text line and also disappeared the buttons of social networks, if you can check from the admin panel that you already have my data, thank you thank you.

social networking buttons blocks it me adblock plus with the firefox extension, follow same out a line in the html text because you can be? http://i.imgur.com/Z9dKikQ.png
orqun

orqun Author

Hi,

The code only hides the white lines marked here: http://d.pr/i/1bhz9

You can try to use Heading widget instead of Custom Title widget and then you can remove the custom code.

I think Adblock extension blocks all links which has target="_blank" attribute. But this attribute code opens links on a new tab. So there is no any problem with social button links.

Best regards.

Hi Orqun,

Please how can i increase the Maximum upload file size from 10 MB to whatever size i want. I have done the php.ini but didn’t work. Any solution?

Thanks

orqun

orqun Author

Hi,

Please follow this link: http://www.wpbeginner.com/wp-tutorials/how-to-increase-the-maximum-file-upload-size-in-wordpress/ ;)

If these ways don’t work, please try to contact with your hosting provider on this.

Best regards.

How can I show a resized background image for the ipad portrait mode so the wording does not run on top of the graphic on the right side, for pages: https://www.cluny.com.mx/responsive/menus.html .ui—section.section-2f6zn https://www.cluny.com.mx/responsive/bar.html .ui—section.section-n6ofy https://www.cluny.com.mx/responsive/historia.html .ui—section.section-9wi6a

the graphics are 1100×500 I set it in visual section styles background color #8a2714 positón top right background no repeat

What size should I make them and how do I write the media query?

Thanks

I have resized the backgrounds for the ipad portrait mode but I do not know how to write the media query. Can you please help me? I want to use for the sections:

html #page-content .section-2f6zn

background-image: https://www.cluny.com.mx/responsive/wp-content/uploads/back-menus2.png

html #page-content .section-9wi6a

background-image: https://www.cluny.com.mx/responsive/wp-content/uploads/historia2.jpg

html #page-content .section-n6ofy

background-image: https://www.cluny.com.mx/responsive/wp-content/uploads/back_cont_bar2.jpg

Place the backgrounds top right side. On ipad portrait mode there is a space between the background graphic and the menu header Can it be removed that space?

Thanks

orqun

orqun Author

Hi again,

Please add the following codes to the custom code area:

@media (min-width: 768px) and (max-width: 979px) { 
    #header-container {
        padding-bottom: 0 !important;
    }

    html #page-content .section-2f6zn {
        background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/back-menus2.png');
    }

    html #page-content .section-9wi6a {
        background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/historia2.jpg');
    }

    html #page-content .section-n6ofy {
        background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/back_cont_bar2.jpg');
    }
}

Best regards.

sandragaff

sandragaff Purchased

Thank you very much it worked great!!!

Hi how do you remove animation in the content composer? I am ussing some pre built pages and i would like to remove some NOT ALL of the animation, There doesnt seem to be a control to turn it off. thanks

orqun

orqun Author

Hi,

Please check the screenshots:

1) http://d.pr/i/15Q5R

2) http://d.pr/i/193ht

Best regards.

carolfab

carolfab Purchased

Hi there, Just a quick question. Is it possible to change the background image for footer-bottom directly from your control pannel or just via css? Thanks

orqun

orqun Author

Hi,

You can achieve this by “Theme Control Panel > Visual Settings > Edit Primary Set > Footer > Footer Bottom Bar > Background” setting. Also please make sure that the Predefined Styles setting is set to “No Style”, then you can use your own background image for the footer bottom area.

Best regards.

guygolan

guygolan Purchased

Hi,

I want to edit something in the blog loop (add a sharing function from an external plugin). but I can’t seem to find the file for the Blog Large Multi Author template. can you direct me to this file please?

tnx ahead!

Skyler2121

Skyler2121 Purchased

Hi. Just would like some additional coding for the customer menu coloring option. Could you please add coding to be able to change 1 – the hover over background color 2 – The hover over text color

Many thanks in advance

.ui—custom-menu-bar { background-image: none; background-color: #333; text-shadow: none !important;

}

.ui—custom-menu-bar, .ui—custom-menu-bar ul > li { border-color: #555 !important; }

.ui—custom-menu-bar { color: #ccc !important; }

.ui—custom-menu-bar ul > li a, .ui—custom-menu-bar ul > li strong { color: #fff !important; text-shadow: none !important; }

Hi again,

I uploaded a video on my media, to use in login and register new user pages, but the videos were not coming up with the pages when i tested them. Is their a software to use in compressing a video if the size (7mb) mighty be the problem. Please advise.

Thanks

Hi

Slider Revolution do not work

http://www.swedish-academy.se

The Message :

Installing Plugin: Slider Revolution

The plugin does not have a valid header.

Unpacking the package…

Installing the plugin…

Destination folder already exists. /customers/5/e/4/swedish-academy.se/httpd.www/wp-content/plugins/revslider/

Plugin install failed.

Thank You For Help

H Orquni, Sorry to bother you again, but I thought that the code you gave me for the site https://www.cluny.com.mx/responsive/ was working on ipad portrait mode but I just checked again and it is not It keeps showing the larger background instead of the 800px wide

You can see the pages with the background on Ipad portrait, the text keeps bleeding on to the graphic https://www.cluny.com.mx/responsive/menus.html https://www.cluny.com.mx/responsive/bar.html https://www.cluny.com.mx/responsive/historia.html

I set it in Global Settings custom code I even tried putting it under appearance editor sytle.css but it does not work. Can you please help?

The code you gave me is:

@media (min-width: 768px) and (max-width: 979px) { #header-container { padding-bottom: 0 !important; } }

html #page-content .section-2f6zn {
    background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/back-menus2.png');
}
html #page-content .section-9wi6a {
    background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/historia2.jpg');
}
html #page-content .section-n6ofy {
    background-image: url('https://www.cluny.com.mx/responsive/wp-content/uploads/back_cont_bar2.jpg');
}

Thanks

by
by
by
by
by
by