Tagged: CSS
-
AuthorPosts
-
August 20, 2014 at 9:58 pm #307072
Hi I’m having some difficulty getting couple elements to align and look good on the home page, they also render differently on Firefox & Chrome
http://rcgauto.staging.wpengine.com/ (hosted on WPengine)
Specifically the drop down menu and a simple form right below it
If you can provide any assistance or hint how to go about I would greatly appreciate it, I’m using the revolution slider
August 21, 2014 at 12:30 pm #307302Hi rcgroup!
Can you post a screenshot and show how you would like them to look?
Also, have you tried re-creating the same layout using Color Section element with a custom background image instead of LayerSlider?Cheers!
YigitAugust 22, 2014 at 7:52 pm #308052Hi Yigit
I went with your suggestions – and is working very well – Thank You
I have another question – I have created an opaque background element on “Auto Transport Company” and I’m curious if you can suggest a way to make it full width and still have it be responsive with the theme.
August 23, 2014 at 7:07 am #308168Hi!
Do you mind providing a screenshot of the element you’re referring to?
Best regards,
IsmaelAugust 25, 2014 at 12:03 am #308505Hello see attached screenshot
https://www.dropbox.com/s/3sywhqjb3l6rt3u/Screenshot%202014-08-24%2014.52.46.jpg?dl=0
August 25, 2014 at 2:49 am #308531Hi!
That’s currently a non-theme related bug with FF 30 and custom styled <select> elements:
https://gist.github.com/joaocunha/6273016
http://www.currelis.com/hiding-select-arrow-firefox-30.htmlBest regards,
JosueAugust 25, 2014 at 7:26 pm #308954Josue – my question was not about the dropdown <select> element – I need the make the element in my screenshot appear full width
August 26, 2014 at 4:04 am #309081Hi!
Alright. Please use this on Quick CSS or custom.css:
.home div#av_section_1 .container { width: 100%; }
Cheers!
IsmaelOctober 8, 2014 at 6:27 pm #332609Hey Guys
I’m still having alignment issues on the homepage when viewing the site on Mobile Device
See screenshot
https://www.dropbox.com/s/mxp20xjeyoy2198/IMG_0161.PNG?dl=0
I’m using iPhone 6
October 9, 2014 at 5:34 am #332909Hey!
If possible, please avoid using inline styling. Please use this:
@media only screen and (max-width: 767px) { .home .flex_column.av_two_fifth.first.avia-builder-el-3.el_after_av_one_full.el_before_av_one_fifth.column-top-margin h3 { text-align: center !important; } .home .flex_column.av_two_fifth.avia-builder-el-7.el_after_av_one_fifth.el_before_av_hr.column-top-margin h3 { text-align: center !important; } }
Cheers!
IsmaelOctober 9, 2014 at 6:35 am #332960Hey there – that only fixed the text alignment issue – but the whole page is still not aligned correctly – see screen shots
https://www.dropbox.com/s/io6ttt9axdbb1gr/IMG_0165.PNG?dl=0
https://www.dropbox.com/s/cilpi47to6rf0ny/IMG_0166.PNG?dl=0
- This reply was modified 10 years, 2 months ago by rcgroup.
October 9, 2014 at 5:55 pm #333373 -
AuthorPosts
- You must be logged in to reply to this topic.