Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 19, 2016 at 11:07 pm #674892
    advteksol

    How can I make some modifications to the Magazine element

    1. I would like to display just the month and year (not full date) above the listing.
    2. I would like to increase the font size of the listing itself.
    3. I would like to change the font color of the listing itself.

    Thanks in advance for your help.

    August 22, 2016 at 4:35 pm #675863
    Yigit

    Hey advteksol,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 16px;
    color: red;
}

    Then please go to enfold/config-templatebuilder/avia-shortcodes/magazine.php file and find

    $time			= get_the_time(get_option('date_format'), $entry->ID);

    and change it to following

    $time			= get_the_time('F, Y', $entry->ID);

    Best regards,
    Yigit

    August 22, 2016 at 5:25 pm #675902
    advteksol

    The first works great. I tried the second by adding the magazine.php to my child theme and modifying it there, but it did not work. I tried the modified magazine.php file in ./wp-content/themes/enfold-child-asf and in a sub-directory of that folder (called avia-shortcodes) – neither places worked. I tried it in the parent theme location and it did work. Why is that and how do I make it so it takes it from the child theme?

    Thanks.

    August 22, 2016 at 5:45 pm #675911
    Yigit

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

    Best regards,
    Yigit

    August 22, 2016 at 6:08 pm #675925
    advteksol

    That works great! Had forgot to add the section to the functions.php to tell it to look for the modified php file.

    One last question, how do I make the magazine title change color when I hover over it.

    Thanks.

    August 22, 2016 at 9:11 pm #676039
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-magazine-top-heading:hover {
    color: red!important;
}

    Cheers!
    Yigit

    August 22, 2016 at 9:18 pm #676041
    Yigit

    Hi,

    Please add following code to Quick CSS

    .av-magazine-top-heading:hover {
    color: red!important;
}

    Best regards,
    Yigit

    August 22, 2016 at 10:52 pm #676067
    advteksol

    Unfortunately, that does not work – but this does:

    .av-magazine-title:hover {
    color: red !important;
    }

    Thanks for all your help.

    • This reply was modified 8 years, 3 months ago by advteksol.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changes for Magazine Element’ is closed to new replies.