Jump to content

Horia_M

Members
  • Content Count

    6
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Horia_M

  • Rank
    Newbie

Previous Fields

  • Languages
    german, english, italian, french

Profile Information

  • Location
    Vienna
  • Interests
    webdesign, graphics, css styling
  1. dear dsonesuk, thanks a lot for your reply and explanations! I added these details and it works fine now! It was not easy for me to implement this CSS code, because it is a wordpress page with a lot of things determined by a special theme and a visual editor, which I don't know exactly what they do. There's a lot of classes, some of them change names every time you modifiy the layout of a page, etc. Once again, a big "thank you!" Horia
  2. I would have an additional question: I have a lot of pages to adapt like here above (as showed by dsonesuk), and they have each one a different class name for the wrapper of the type ".vc_custom_148144....". How do I write the syntax of someting like that? Do I have to write the code for each page (and class) separately? Or can I make the css code more compact, like this? #later EDIT: it seems to work, the code below! curiously enough, I did not make the same list of various css-classes for the last line, and left it for just one class: .vc_custom_1481449109473 > div {display:inline-blo
  3. @dsonesuk: Hey! your code worked like a charm! instantly! Thank you very much! this is great.
  4. @ dsonesuk Thank you for your answer! Do you refer in your answer to the "flex" solution you proposed before, or to my css "table" solution? I tried both, and they both didn't work (at least on the webpage I described before). Here my flex css solution (that does not work in the above mentioned page) ... /* flexbox */ @media only screen and (max-width: 767px) { .flexbox { .vc_row.wpb_row.vc_row-fluid.vc_custom_1481449109473 { display: flex; flex-wrap: wrap; width: auto !important; margin: auto !important; flex-direction: row
  5. Thank you for the "Flex" solution! But "Flex" is not working with some of the mobile phone browsers, and as I need the solution only for mobile view, I think it is not useful... I tested my solution here above with simple html pages, and it worked. So I presume that I am doing something wrong, when writing the CSS code... (syntax? using the wrong classes for the divs I need to change? etc.)
  6. Hi everybody! I hope somebody could help me understand a complex dynamic page structure and to debug my problem, which is as follows: change order of two divs in mobile view When in mobile phone view (screen width < 768 px., showing the content of the page in just one screen-wide column) I want to show two columns of a wordpress page in another order than the one they appear when in desktop view. The left column should appear, in mobile view, under the right column, instead of appearing over (before) the right column. For this, I found the following generic solution (1) : &
×
×
  • Create New...