Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 23, 2016 at 11:44 pm #728076
    navindesigns

    Hi,

    I am trying to build 3 columns and have a image with some bullet points to the right and a button below (see mockup). However, I am having the following issues:

    1- Bullets are not showing up

    2- My button is very big (although I have selected the “small” button size)

    3- Also at the very top of that column, there is an extra horizontal line across which I would like to remove.

    Please take a look at my screenshot for more clarifications.

    Live Site – http://staging.wsmsnyc.org.s167849.gridserver.com/our-magazine/

    Mockup – https://s30.postimg.org/674d5nzkh/our_magazine.jpg

    December 25, 2016 at 5:52 pm #728226
    Basilis

    Hey navindesigns,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    January 3, 2017 at 6:02 pm #729086
    navindesigns

    I am a little confuse why this will require customizations. Have you read my issues clearly? These are standard theme issues.

    I am trying to build 3 columns and have an image with some bullet points to the right and a button below (see mockup). However, I am having the following issues:

    1- Bullets are not showing up

    2- My button is very big (although I have selected the “small” button size)

    3- Also at the very top of that column, there is an extra horizontal line across which I would like to remove.

    Please take a look at my screenshot for more clarifications.

    Live Site – http://staging.wsmsnyc.org.s167849.gridserver.com/our-magazine/

    Mockup – https://s30.postimg.org/674d5nzkh/our_magazine.jpg

    • This reply was modified 7 years, 10 months ago by navindesigns.
    January 4, 2017 at 5:05 pm #729514
    Andy

    Hi,

    1.) Please use this code inside Quick CSS field:

    img.size-medium.wp-image-315.alignleft {
left: -10px;
}

    2.) Use this code:

    .avia-button-wrap span.avia_iconbox_title {
font-size: 12px;
}

    and adjust as needed.

    3.) Use this code inside Quick CSS field:

    div#av_section_1 {
display: none;
}

    For next time please use different tickets for different questions/issues.

    Best regards,
    Andy

    January 4, 2017 at 5:39 pm #729533
    navindesigns

    Thanks. Few things.

    1- I would have to add a new css for every magazine cover I use on that page and change “wp-image-315” to the new image? Is that correct?

    2- That worked but now it changed all the font sizes on other buttons across the site,
    eg – http://staging.wsmsnyc.org.s167849.gridserver.com/admissions-welcome/
    That should look like this instead – https://postimg.org/image/4leh0ki8j/

    Is there a way to only affect the size on that page?

    3- when I apply that CSS, all the contents are gone. Please double check that one.

    Thanks for all your help

    January 6, 2017 at 6:42 am #730186
    Ismael

    Hi,

    1.) Please turn on the custom css class field so that you can specify a unique css selector for the elements where you want to apply the modification.
    // http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    2.) Again, you can turn on the custom css class field.

    3.) Please remove the css then edit the color section. Disable the “Section Top Border Styling” settings.

    Best regards,
    Ismael

    January 6, 2017 at 5:37 pm #730430
    navindesigns

    1- You still did not answer my question about “I would have to add a new css for every magazine cover I use on that page and change “wp-image-315” to the new image? Is that correct?”

    2- what would be the class name in the css?

    .avia-button-wrap span.avia_iconbox_title {
    font-size: 12px;
    }

    Would it be something like this?
    Custom Css Class = magazinebutton
    Quick Css code – .avia-button-wrap span.avia_iconbox_title.magazinebutton {
    font-size: 12px;
    }

    Is that correct?

    January 9, 2017 at 3:56 am #730938
    navindesigns

    any update please?

    January 9, 2017 at 12:56 pm #731101
    Andy

    Hi,

    please open new ticket for each question/issue, this is getting confusing for us and other people trying to search for help in our forum.

    1.) No you don’t, if you want to use same css code for magazine elements then use the same unique css class.

    2.) Simply try:

    .magazinebutton {
font-size: 10px;
}

    However, I can’t open your website to inspect the elements in question. It simply doesn’t load.

    Best regards,
    Andy

    January 9, 2017 at 10:15 pm #731309
    navindesigns

    I am sorry but the button font size is still very big on this page

    I have added the “magazinebutton” custom css class (screenshot – https://postimg.org/image/eu5agq20x/ ) and added the following to quick css
    .magazinebutton {
    font-size: 10px !important;
    }

    and my button font size is still very big

    Our Magazine

    Thanks for your patience with this one.

    January 10, 2017 at 7:36 am #731421
    Rikard

    Hi,

    Please try this as well:

    .magazinebutton .avia_iconbox_title {
  font-size: 10px !important;
}

    Best regards,
    Rikard

    January 10, 2017 at 4:47 pm #731621
    navindesigns

    Thanks. That works! Few other minor things on that page

    1- The three gray boxes and slightly indented. How do I remove the indentation? so it left aligns with the copy above (“GREAT BEGINNINGS…” and “…is our twice yearly magazine that shares with current,”) – SEE SCREENSHOT

    2- The magazine cover thumbnail image is too close to the edge. How do I move that to the right a little so it aligns with “SPRING 2016” and “WHAT’S INSIDE” which are above. – SEE SCREENSHOT

    3- I am unable to remove the extra white space above the 3 boxes. I have tried -50 white space separator but it is still there. – SEE SCREENSHOT

    Screenshot – https://postimg.org/image/na1r6pj19/
    Live Page – http://staging.wsmsnyc.org.s167849.gridserver.com/our-magazine/

    January 11, 2017 at 9:06 pm #732305
    Andy

    Hi,

    1.) use this code inside Quick CSS field:

    .flex_column.av_one_third.flex_column_div.first.avia-builder-el-5.el_before_av_one_third.avia-builder-el-first {
margin-left: 0px;
}

    2.) Use this code:

    img.size-medium.wp-image-315.alignleft {
margin-left: 9px;
}

    3.) This one:

    #av_section_2 {
margin-top: -50px;
}

    Best regards,
    Andy

    January 11, 2017 at 9:58 pm #732336
    navindesigns

    so all the alignments are PEFECT now

    only issue now is that the bullets are missing :(

    Our Magazine

    here is my code

    013

    January 16, 2017 at 2:48 pm #734059
    Andy

    Hi,

    try this one:

    .avia_textblock.magtext ul {
width: 87%;
left: 7%;
position: relative;
}

    Adjust if needed.

    Best regards,
    Andy

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