Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 3, 2014 at 9:03 pm #299417
    papernapkinmarketing

    Hi Team,

    I have an urgent request. I am trying to launch a product but struggling with formatting issues. I’ve emailed a few times but can’t seem to get a response so I figured I would put it in a seperate email. I am desperate for help, please.

    The page I am having issues with is – http://papernapkinmarketing.com/the-bodybuilding-camp. I would like the page to match the formatting on the following page – http://papernapkinmarketing.com/the-bodybuilding-camp.

    The items that I need helping updating so it’s a match are:

    #1 – The headings the same size and without the white line next to the heading
    #2 – The font below the heading.
    #3 – Adding the light black box behind the words
    #4 – Having the text (heading and text below) within the left and right side

    I am desperate for help asap.

    August 4, 2014 at 1:24 pm #299646
    Yigit

    Hi papernapkinmarketing!

    1&2- Seems like you have figured out
    3- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-section .avia_textblock {
background: rgba(0,0,0,0.3);
padding: 10px;
}

    It would be better if you turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your text block elements inside color section a custom CSS class and apply custom CSS code only on selected elements.
    4- Can you please elaborate? A screenshot would help.

    Regards,
    Yigit

    August 4, 2014 at 3:22 pm #299693
    papernapkinmarketing

    Hi Yigit!

    I figured out #1, thank you.

    I’ve attached two images with formatting I am trying to repeat on the following page – http://papernapkinmarketing.com/the-bodybuilding-camp.

    Examples – http://papernapkinmarketing.com/wp-content/uploads/2014/08/example-leftside.png / http://papernapkinmarketing.com/wp-content/uploads/2014/08/example-rightside.png

    #2 – In the example the size of the font looks larger. How can I get the font size under the header to match? (see example)
    #3 – Just behind the heading and font there is a light black box (see example). I can’t figure out how to add it
    #4 – In the example I’ve attached screenshots of the heading text on the left and then the right. I am trying to replicate the same look.

    Thanks!

    Todd

    August 5, 2014 at 5:03 pm #300311
    Dude

    Hey!

    I recommend to use the “Custom ID” setting of the “Color Section” to specify a custom selector. Otherwise you can’t apply custom stylings to one of your boxes without affecting the other boxes. I noticed the “YOGA AND MEDITATION” section already has a custom id (called “colsright”) and I’ll use this id for the example code.

    1) To change the font size use:

    
#colsright .entry-content-wrapper h2{ font-size: 20px; }
#colsright .entry-content-wrapper p{ font-size: 15px; }

    2) To add a black, semi transparent background use this code

    
#colsright .entry-content-wrapper .flex_column{ background-color: rgba(0,0,0,0.5); }

    3) Use this code to move the box to the right side:

    
#colsright .entry-content-wrapper .flex_column{ float: right; }

    Regards,
    Peter

    August 5, 2014 at 7:06 pm #300380
    papernapkinmarketing

    Peter,

    Thanks for the codes. I am placing this in the CSS quickformatting section or the CSS coding. I placed all three in the custom ID but it didn’t do anything.

    August 6, 2014 at 9:48 pm #300841
    papernapkinmarketing

    Peter,

    I just reread my question. It didn’t make any sense. I appreciate ll the coding you provided. I am just confused if I should place it in the quick CSS or all of the coding in the custom ID box in each color section?

    Todd

    August 7, 2014 at 4:01 am #300937
    Ismael

    Hey!

    Thank you for the update.

    You should place the code on Enfold > General Styling > Quick CSS field. Remove browser cache then reload the page a few times to see the changes.

    In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

    If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests</a

    Regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.