Forum Replies Created
-
Posts
-
Victoria, thank you.
I need to leave the background with opacity and center the name of the song in the white box.
How I do?
Jordan, I used your code and it does not work.
You could help me?
I changed the color to black and it does not work.
.main_color .wp-playlist{
background-color:#fff!important;
}Many thanks, Ismael. One less problem on this site.
Much obliged
See the other tickets for me. There is little left.
Then tell me the classes I put in the code.
Jordan, to change the color of the volume bar is this?
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
TO CHANGE BACKGROUND COLOR OPACITY IS SO?
.main_color .wp-playlist {
background-color: rgba (255, 255, 255, 0.5)! important;
}Help me, Jordan. I made a picture of what I need. You only answered half of one of the things. Why that?
What is going on?
Vinay, thank you very much for the return.
You forgot a detail. I need to have 2 types of accordion. One for desktop and other for mobile devices. Comop I use this code?
LIKE THIS:
/*ACCORDION DESKTOP*/
@media only screen and (max-width: 768px) {
.av_toggle_section .toggler {
font-family: Oswald, ‘Roboto’, ‘HelveticaNeue’, Helvetica, Arial, sans-serif !important;
font-size: 45px;
line-height: 1.5em;
color: #FFF;
padding: 20px;
background: rgb(255,0,0,0.1) !important;
font-weight: bolder;
}
/*ACCORDION DEVICES*/
@media only screen and (max-width: 767px) {
.av_toggle_section .toggler {
font-family: Oswald, ‘Roboto’, ‘HelveticaNeue’, Helvetica, Arial, sans-serif !important;
font-size: 20px;
line-height: 1.5em;
color: #FFF;
padding: 20px;
background: rgb(255,0,0,0.1) !important;
font-weight: bolder;
}Yigit, how are you?
I rode the way you wrote above. It did not work. Can you see if anything is wrong?
SITE DEMO
http://www.lucaslucco.com.br/site/MY SITE EXEMPLE
Hello Mike, we will use some blocks of text on the page with the title text block. We would like to control the size of the title on the devices and on the desktop. Same as we did with special heading.
It is possible?
Hello Ismael. Yes, this option is checked on the system. This option does not work on the Ipad. Watch the video below. The menu is above the mark when the iPad is lying down (landscape view).
VIEW CONFIGURATION
https://d.pr/sZ4XhWVIEW THE VIDEO DEMO
https://d.pr/eZjd0QMike, thanks for the feedback.
Answer me a question. Does this code work for all resolutions (desktop and devices)? I ask you this because on the desktop this code does not change the size of the titles. Check out the video I made.
I want for desktop and devices. It’s possible?
link video
https://d.pr/3ApHpV/
Do we move the code at the same time? I was doing some testing a little while ago. Do you confirm that the code is okay?
/
@media only screen and (max-width: 767px) {
h3.av-special-heading-tag,h2.av-special-heading-tag,.eapps-instagram-feed-title {
font-size: 44px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
h3.av-special-heading-tag,h2.av-special-heading-tag,.eapps-instagram-feed-title {
font-size: 70px !important;
}
}Mike, we worked on the site this weekend. We tested on several machines, cleared the cache and did not change using the above code. You can check the code and see what I’m saying.
Is there anything wrong with setting the special heading? Can you check for me? I will make access to the site admin available.
I put large font size in code. I did this to see the effect. There was not.
Ismael, the social net icons code did not work. I changed the values and nothing happened.
How do I make the menu on the iPad to burguer? I mean the landscape position. Look at the picture as it is.
https://d.pr/udJYGoWith the Ipad upright, the menu leaves a space to the left of the mark and to the right of the icons. You can get closer to the side (mark and icons). If we do this the menu will look better on the Iphone.
iphone – https://d.pr/pcMV7R
ipad -https://d.pr/gP03sGThe social bookmarks code only changes the size of the icons on the desktop. In the devices nothing changes.
Ismael, thanks for the feedback. Can you tell me what size, height and width image works well on iphone and ipad? I did not find this format. Can you help me?
Nothing came in the private.
My question is with regards to the image that is loaded by the code …. are you carrying it there?
/* BG adjustment for Ipad */
@media only screen and (max-width: 1024px) {
#top #bg {
background-image: url(http://www.oficialcarmel.hospedagemdesites.ws/carmel5/bgs/ipad-em-pe.jpg)!important;
background-position: 0% 50%!important;
}
}Você pode olhar um ticket para mim? É muito urgente. #943807
Yigit, thanks for the feedback.
The correct link is this below. In the last item of the page there is a color section with ID bg …. the image does not load.
link
You’re right Ismael. It does not.
Look at a ticket I sent you last night. It is very important to complete the project.
#943807
VERY URGENT!!!!!!!!!
Ismael, how are you? I need to take a question with you. I spent all day doing this study.
My site is onepage …. everything on a single page. Clicking on the top links moves the page. For each menu link there is a color section with the content of that link. For each color section I use a background and this needs to be well visualized on desktop, Ipad and Iphone.
The site has 5 links, this defines that there will be 5 color sections on this main page. OK?
And the variations for the devices of the same color section? Note below.
So:
COLOR SECTION MUST BE VIEWED ALSO IN THE DEVICES
/
/
COLOR SECTION 1 SIMULATION (menu link 1)
Contains background image for Desktop – only one image in 1920×1080 (caters perfectly)
Contains background image for Iphone – one image is needed (375×667) and another lying down (667×375)
Contains background image for Ipad – one image is needed standing (1024×768) and another lying down (768×1024)Summing up:
For the color section 1 that represents link 1 of the menu I will have to create it 5 times on the page:
/
1 for the desktop background image.
2 to the background of the Iphone and
2 for the Ipad. It will be 5 in total.I’ll have it all on this page, as there are 5 links in the menu, 25 color section. That’s right?
Is this the way to do it?
LINK – Use an iphone and an ipad and move them putting in landscape and vertical view. I could not set the background to load on the iPad VERTICAL VIEW. The Ipad landscape is the same as the desktop configuration.
Ismael, thank you very much for your help. You are grade 10.
Can I make you one last order?
Network icons need to get a bit bigger on devices. It’s barely visible on an Iphone, for example. How to do this?
I will test on the Ipad to check it also.
It is possible to put the menu burguer on the right or left side of the header on the devices. Note that it is in the middle between the brand and the icons of the networks. I made two demos. Tell me what you can do.
I just noted that the menu does not create the menu burguer when the iPad is in ladscape. See picture.
LINK
https://d.pr/SZmtNPMike, thank you very much for the return. I just entered the code. I put the font value for the first code, DEVICES, and it did not change. I also added two lines to your code and it did not work. What should I be doing wrong?
/ * DEVICE RULES * /
@media only screen and (max-width: 767px) {
h3.av-special-heading-tag, h2.av-special-heading-tag, .eapps-instagram-feed-title
font-size: 14px!important;
text-transform: uppercase !important;
font-weight: 800 !important;;
}
}
/
See the picture in my SPECIAL HEADING configuration
https://d.pr/Br86G0
/
Another observation.For titles in TEXT BLOCK does this code work?
In Special Heading this code is for any H (h1, h2, h3, h3, h5).I am using this code above. The ID I created is called BG. But it does not change the background image on the device.
/ * BG adjustment for Mobile * /
@media only screen and (max-width: 767px) {
#top #bg {
background-image: url (http://www.oficialcarmel.hospedagemdesites.ws/carmel5/bgs/01.jpg)! important;
background-position: 0% 50%!
}
}victoria, the name of this action is scrolling link? or scrolling page menu? Do you know the name of this scroll action?
Nikko, the brand got smaller and it’s ok for me. The problem now is to align the elements. Note that the menu burguer is in the center. The mark is below and the icons of the networks are up.
1 – How to centralize these elements horizontally?
2 – How to leave the icons of the networks bigger?
LINK IMAGE
https://d.pr/4719VgTks you and Yigit
Glad you’re willing to help me. I’ve wasted a lot of time on this.
I’ll send you below the wordpress admion data.
Hi Yigit. What a good help you gave me. I need your help. See the Iphone screen after entering your code.
How do I leave the brand lower on the Iphone? The brand is too big.
IMAGE DEMO
https://d.pr/0PTjb4
